@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#3e3a39;  height:auto; box-sizing:border-box; background-color:#f2f2f2; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#323235; text-decoration:none;}
a:hover{ text-decoration:none; color:#00a0e8;}
i,em{ font-style:normal;}
.img_max{ display:block !important;}
.img_min{ display:none !important;}



.brand_service .pd:hover .img i{
-webkit-animation-iteration-count: 1;
-webkit-animation: hover_btn_four 0.5s linear 0s;
animation-iteration-count: 1;
animation: hover_btn_four 0.5s linear 0s;
}
@keyframes hover_btn_four {
from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0.8;transform: skew(0deg,0deg);}
20% {transform: skew(5deg,0deg);}
40% {transform: scale3d(1.2, .9, .9);}
60% {opacity: 1;transform: scale3d(0.95, 1.05, 1.03);}
80% {transform: scale3d(1.05, 0.97, .97);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
}


.top_tel span,
.about_con2 .img .h3,
.number_lsit .h3,
.quick_fw .p,
.app_list .img span,
.about_con1 .text .em,
.standard .i,
.banner_contact .text .c,
.tit2 a{font-family:'DIN-Medium';}


.slick-dots{ position:absolute; left:50%; bottom:0;}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:#fff; box-sizing:border-box; border:none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.slick-dots li.slick-active button{ background:#0092d3; }

.slick-arrow{font-size:24px; position:absolute; top:50%; z-index:2; height:32px; margin-top:-22px; line-height:32px; width:32px; text-align:center; padding:0px; border:none; color:#000; background:none;}
.slick-prev{ left:0px;}
.slick-prev:before{ content: "\e701"; }
.slick-next{ right:0px;}
.slick-next:before{ content: "\e704"; }



.btn{color:#fff;background:#000;position: relative;overflow: hidden; display:block;}
.btn:before{content:attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.btn:before,
.btn span{display: block;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); box-sizing:border-box;}
.btn:hover:before {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn:hover span {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.btn2{-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s; position:relative;}
.btn2:before{content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;border-radius: 50px;z-index: -1;
opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}
.btn2:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;color: #ECEFF1;
background-color: #3f51b5;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}
.btn2:hover:before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.slick-arrow,
.brand_text .m em,
.btext .m a,
.btext .h3,
.btext .p,
.btext .m,
.iservice_1 .text,
.case_ul .tag,
.case_ul .text,
.case_ul .img img,
.icase_m a,
.header,
.header .wp,
.menu .h3 a,
.logo,
body,
.iservice_2 .pd,
.iservice_2 .img img,
.inews_con .img img,
.iservice_2 .pd .m i,
.iservice_1 .pd,
.case_list .text,
.case_list .b,
.case_m a,
.brand_service .img i,
.btn,
.news_list .img img,
.news_list .pd,
.about_con2 .img .m a,
.tjnews_list .pd,
.news_flip a,
.tj_tag_list a,
.quick_nav2 li,
.quick_nav1 a,
.case_nav,
.logo img,
.case_tj .img img,
.tj_service_list .img img,
.tj_case_list .img img,
.menu .h3 a:after,
.business .img img,
.business .m{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.ibrand .img img{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.fa_right,
.btext_2 .h3,
.btext_2 .p,
.btext_2 .m,
.btext_4 .h3,
.btext_4 .p,
.btext_4 .m{ transform:translate(-100px,0); opacity: 0;transition: all .6s linear;}
.fa_left,
.btext_1 .h3,
.btext_1 .p,
.btext_1 .m{ transform:translate(100px,0); opacity: 0;transition: all .6s linear;}
.fa_bottom{ transform:translate(0,-100%); opacity: 0;transition: all .6s linear;}
.fa_top,
.btext_3 .h3,
.btext_3 .p,
.btext_3 .m{ transform:translate(0,100%); opacity: 0;transition: all .6s linear;}

.btext .h3{ transition-delay:0.7s;}
.btext .p{ transition-delay:0.9s;}
.btext .m{ transition-delay:1.1s;}

.slick-active .btext .h3,
.slick-active .btext .p,
.slick-active .btext .m{
transform:translate(0,0); opacity: 1;
}
.case_ul .img,
.iservice_2 .img,
.inews_con .img,
.news_list .img,
.business .img{ overflow:hidden;}
.case_ul .pd:hover .img img,
.iservice_2 .pd:hover .img img,
.inews_con .pd:hover .img img,
.news_list .pd:hover .img img,
.case_tj .pd:hover .img img,
.tj_service_list .pd:hover .img img,
.tj_case_list .pd:hover .img img,
.business .pd:hover .img img{transform: scale(1.1);}

.business .pd:hover .m{transform:translate(10px,0);}

.ibrand .pd:hover img{transform: scale(0.92,0.9);}

.ibrand .img img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
opacity:0.6;
}
.ibrand .pd:hover .img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: none;
opacity:1;
}

.iservice_1 .pd:hover,
.news_list .pd:hover{transform:translate3d(0,-10px ,0);box-shadow:0 15px 20px rgba(0,0,0,.2);}
.tjnews_list .pd:hover{transform:translate3d(0,-5px ,0);box-shadow:0 5px 15px rgba(0,0,0,.2);}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position: fixed; top:10px;right:22px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #0092d3;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.menu .h3 em,
.menu .h3 span,
.slick-arrow,
.img_box:before{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
text-shadow:0 0 3px rgba(255,255,255,0.3);
}

.wp{ width:1500px; margin:0 auto; position:relative;}
.top9{ padding-top:90px;}

.header{ position:relative; background:#fff; z-index:15; box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-transform: translateZ(0);}
.header .wp{ width:auto; margin:0 40px; height:100px;}
.logo{ width:214px; display:block; position:absolute; margin-top:-27px; top:50%;}
.logo img{ width:100%; height:auto; display:block;}

.menu{ text-align:center;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ float:left; position:relative;}
.menu .h3 a{ display:block; padding:0 20px; margin:0 13px; height:100px; line-height:100px; font-size:16px; color:#323235; position:relative;}
.menu .h3 a:after{ content:'\20'; bottom:20px; position:absolute; height:2px; background:#0092d3; left:0px; width:0%;}
.menu .h3 i{ display:none;}
.menu .h3 a:hover,.menu .curr .h3 a{ color:#00a0e8;}
.menu .h3 a:hover:after{ width:100%;}
.menu .box{ position:absolute; display:none; left:-10px; top:100px; background:#323235; right:-10px; padding:10px 0}
.menu .box a{ display:block; color:#fff; height:36px; line-height:36px; text-align:center;}
.menu .box a:hover{ background:#0092d3;}
.menu li:hover .box{ display:block;}

.fixed-nav .box{ top:60px;}

.fixed-nav .header{ position:fixed; left:0px; top:-60px; right:0px;}
.fixed-nav .header .wp{ height:60px;}
.fixed-nav .logo{ width:120px; margin-top:-15px;}
.fixed-nav .menu .h3 a{ height:60px; line-height:60px;}
.fixed-nav .menu .h3 a:after{ bottom:10px;}

.fixed-nav-appear .header,.fix_sec .header{ top:0px;}

.top_tel{ position:absolute; right:0px; top:50%; padding-left:40px; margin-top:-16px;}
.top_tel .icon-dianhua{ left:0px; top:0px; font-size:32px; width:32px; height:32px; line-height:32px; text-align:center; position:absolute; color:#00a0e8;}
.top_tel span{ line-height:32px; height:32px; display:block; color:#0092d3; font-size:28px;}

.slick-slide{ position:relative; display:block;}
.slick-slide a{ display:block;}
.slick-slide img{ width:100%; height:auto; display:block;}
.ibanner{ padding-bottom:72px; position:relative;}
.ibanner .slick-arrow{font-size:22px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:58px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0); opacity:0; border-radius:50%;}
.ibanner .slick-prev{ left:120px;}
.ibanner .slick-prev:before{ content: "\e701"; }
.ibanner .slick-next{ right:120px;}
.ibanner .slick-next:before{ content: "\e704"; }
.ibanner .single-item:hover .slick-arrow{ opacity:1; background:rgba(0,0,0,0.5);}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:110px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }
.ibanner .pd{ background:#000;}
.ibanner video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;}

.btext{ position:absolute; z-index:2; color:#fff;}
.btext .h3{ font-size:72px; line-height:1; margin-bottom:36px;}
.btext .p{ font-size:45px; font-weight:lighter; line-height:1.2444;}
.btext .m{ padding-top:80px;}
.btext .m a{ width:200px; color:#fff; height:52px; border:1px solid #fff; text-align:center; line-height:52px; font-size:16px; display:block; border-radius:26px;}
.btext .m a:hover{ background:#00a0e8; border-color:#00a0e8;}

.btext_1{ left:50%; top:26%;}
.btext_2{ left:11%; top:26%;}
.btext_3{ left:40px; right:40px; top:26%; text-align:center;}
.btext_3 .m a{ display:block; margin:0 auto;}
.btext_4{ left:11%; top:22%;}
.btext_4 .p{ color:#e5b581;}

.icon1{ position:absolute; left:0px; right:0px; bottom:0px;}
.iservice_1 ul{ margin-right:-20px;}
.iservice_1 li{ float:left; width:33.3333%;}
.iservice_1 .pd{ text-align:center; margin-right:20px; position:relative; display:block;}
.iservice_1 .img{ background:#fff; padding:25px;}
.iservice_1 .img .h3{ font-size:36px; line-height:50px; color:#888; margin-bottom:10px;}
.iservice_1 .img .p{ font-size:14px; color:#000000; line-height:32px;}
.iservice_1 .text{ background:#009de3; padding:25px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0;}
.iservice_1 .text .h3{ font-size:48px; line-height:50px; color:#fff; margin-bottom:10px;}
.iservice_1 .text .p{ font-size:14px; color:#fff; line-height:32px;}
.iservice_1 .pd:hover .text{ opacity:1;}

.tit1{ text-align:center; padding-bottom: 20px;}
.tit1 h1{font-size:34px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
.tit1 h2{font-size:34px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
@media screen and (max-width: 768px) {	
.tit1 h1{font-size:28px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
.tit1 h2{font-size:28px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
}
.tit1 strong{font-size:34px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
.tit1 em{ font-size:18px; color:#888888;}
.tit1 span{ color:#323235;}
.icon2{ padding:80px 0 50px 0;}
.icon21{ width:1600px; margin:0 auto; position:relative;}
.icon2 .wp{ width:auto;}

.icase_tab{ text-align:center; margin-bottom:40px; padding-top:30px;}
.icase_tab ul{ display:inline-block; vertical-align:bottom;}
.icase_tab li{ float:left; padding:0 5px;}
.icase_tab a{ display:block; padding:0 20px; font-size:18px; background:#323235; color:#fff; height:40px; line-height:40px;}
.icase_tab a:hover,.icase_tab li.curr a{ background:#00a0e8;}

.icase_con{}
.icase_con .single-item{}
.icase_con .slick-arrow{ display:none !important;}
.case_ul{}
.case_ul .li{ float:left; width:33.33333%;box-sizing:border-box;}
.case_ul .pd{ display:block;margin-right: 15px;margin-bottom: 15px;position: relative;overflow: hidden;box-sizing:border-box;}
.case_ul .img{ position:relative; overflow:hidden;}
.case_ul .tag{ position:absolute; left:0px; bottom:-40px; right:0px; height:40px; line-height:40px; background-color:rgba(0,0,0,0.65); box-sizing:border-box; padding:0 20px; color:#fff;}
.case_ul .tag span{ margin-right:10px;}
.case_ul .text{ text-align:center; line-height:56px; height:56px; overflow:hidden; background:#fff; font-size:18px; color:#000;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding:0 10px;}
.case_ul .pd:hover .tag{ bottom:0px;}
.case_ul .pd:hover .text{ color:#fff; background:#323235;}

.icase_m{ text-align:center; padding-top:40px;}
.icase_m .pd{ display:inline-block; vertical-align:bottom;}
.icase_m a{ display:block; background:#fff; float:left; width:auto; line-height:50px;}
.icase_m a i{ width:50px; height:50px; line-height:50px; display:block; text-align:center; font-size:20px;}
.icase_m a span{ height:50px; text-align:center; line-height:50px; color:#000; padding:0 36px;}
.icase_m a.a2{ margin:0 10px;}
.icase_m a:hover{ background:#00a0e8; color:#fff;}
.icase_m a div.owl-prev{background:#fff url(../images/works_arr.png) no-repeat 0px 0px; margin-right:55px;}
.icase_m a div.owl-prev:hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_arr.png) no-repeat -52px 0px;}
.icase_m a div.owl-next{ background:#fff url(../images/works_arr.png) no-repeat -52px -50px;  margin-left:55px;}
.icase_m a div.owl-next:hover{background:#333 url(../images/works_arr.png) no-repeat 0px -50px;}

.icon3{ background:#f2f2f2; padding-bottom:50px;}
.iservice_2 ul{ margin-right:-20px;}
.iservice_2 li{ margin-bottom:20px; width:100%; float:left;}
.iservice_2 .pd{ display:block; position:relative; overflow:hidden; background:#fff; color:#323235; margin-right:20px;}
.iservice_2 .img{ width:62%; float:right;}
.iservice_2 .text{ margin:0 62% 0 0; padding:100px 60px 0 60px; position:relative;}
.iservice_2 .h3{ font-size:36px; line-height:1; padding-bottom:30px; margin-bottom:20px; position:relative;}
.iservice_2 .h3:after{content:'\20'; position:absolute; width:14px; height:2px; background:#323235; left:0px; bottom:0px;}
.iservice_2 .em{ font-size:18px; margin-bottom:10px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height:30px; line-height:30px;}
.iservice_2 .p{ font-size:14px; line-height:24px; height:72px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.iservice_2 .m{ padding-top:56px;}
.iservice_2 .m i{ width:130px; height:48px; display:block; text-align:center; line-height:48px; border:1px solid #323235; font-size:26px;}
.iservice_2 li.even{ width:50%;}
.iservice_2 li.even .img{ width:auto; float:none;}
.iservice_2 li.even .text{ margin:0px; padding:25px 60px;}
.iservice_2 li.even .h3{ border-bottom:1px solid rgba(219,219,219,0.5);}
.iservice_2 li.even .h3:after{ display:none;}
.iservice_2 li.even .m{ position:absolute; right:60px; top:25px; padding:0px;}
.iservice_2 li.even .m i{ border:none; text-align:right; width:auto; height:38px; line-height:38px;}
.iservice_2 li.odd{ margin-bottom:20px;}
.iservice_2 li.odd .img{ float:left;}
.iservice_2 li.odd .text{ margin:0 0 0 62%;}
.iservice_2 .pd:hover{ background:#323235; color:#fff;}
.iservice_2 .pd:hover .m i{ border-color:#fff;}
.iservice_2 .pd:hover .m i:hover{ background:#0092d3; border-color:#0092d3; color:#fff;}
.iservice_2 .pd:hover .h3:after{ background:#fff;}
.iservice_2 li.even .pd:hover .m i{ border-color:#fff; background:none;}

.iservice_2 .pd .m i:before{ display:block;}

.icon4{ background:#fff; padding:50px 0;}
.ibrand{ padding-top:40px;}
.ibrand ul{ border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.ibrand li{ float:left; width:16.666666666666668%;}
.ibrand .pd{ border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; display:block; position:relative;}
.ibrand .img img{ width:100%; height:auto; display:block; background-size:cover;}
.ibrand .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; text-align:center; line-height:158px; background:#00a0e8; color:#fff; font-size:18px; opacity:0;}
.ibrand .pd:hover{ box-sizing:border-box; background:#dbdbdb;}
.ibrand .pd:hover .text{ }

.icon5{ background:#f2f2f2; padding:50px 0;}
.tit2{ font-size:20px; overflow:hidden; line-height:1; margin-bottom:20px;}
.tit2 strong{ font-weight:normal; float:left;}
.tit2 a{ float:right; font-size:12px; width:56px; text-align:center; background:#fff; color:#323235; border-radius:10px; border:1px solid #fff; display:block; line-height:18px; height:18px; text-transform:uppercase;}
.tit2 a:hover{ background:#0092d3; color:#fff; border-color:#0092d3;}
.inews{ margin-bottom:40px;}

.isolutions{ margin-bottom:30px;}
.isolutions li{ overflow:hidden; background:#f8f8f8;}
.isolutions .img{ width:50%; float:right;}
.isolutions .img img{ width:100%; height:auto; display:block;}
.isolutions .text{ margin:0 50% 0 0; overflow:hidden; height:422px;}
.isolutions .text .li{ width:50%; float:left; text-align:center; background:#ffffff; height:100%;}
.isolutions .text .li:nth-child(even){ background:#f8f8f8;}
.isolutions .pd{ padding:115px 34px 0 34px;}
.isolutions .h3{ font-size:33px; line-height:1; margin-bottom:15px;}
.isolutions .em{ font-size:18px; line-height:1; text-transform:uppercase; padding-bottom:37px; margin-bottom:25px; border-bottom:1px solid #49494b;}
.isolutions .p{ font-size:18px; line-height:24px;}
.isolutions li:nth-child(even) .img{ float:left;}
.isolutions li:nth-child(even) .text{ margin:0 0 0 50%;}
.isolutions .pd2:hover{ background:#323235; color:#fff;}
.isolutions .pd2:hover .li{ background:#323235; color:#fff;}
.isolutions .pd2:hover .m i{ border-color:#fff;}
.isolutions .pd2:hover .m i:hover{ background:#0092d3; border-color:#0092d3; color:#fff;}
.isolutions .pd2:hover .h3:after{ background:#fff;}


.inews_c{ margin-right:-20px;}

.inews_tab{ text-align:center; margin-bottom:30px; display:none;}
.inews_tab ul{ display:inline-block; vertical-align:bottom;}
.inews_tab li{ float:left;}
.inews_tab a{ padding:0 30px; line-height:40px; height:40px; background:#ccc; display:block; margin:0 1px;}
.inews_tab li.curr a{ background:#00a0e8; color:#fff;}

.inews_con{ width:33.3333%; float:left; box-sizing:border-box; padding-right:20px;}
.inews_con .pd{ background:#fff; display:block;}
.inews_con .img{ width: 487px;height: 274px;overflow:hidden;}
.inews_con .img img{ margin:0;padding:0;width:100%;height: 100%;object-fit: cover;display:block;}
.inews_con .text{ padding:30px 35px 30px 120px; position:relative;}
.inews_con .h3{ font-size:18px; color:#000; height:30px; line-height:30px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;margin-bottom: .2125em;}
.inews_con .em{ position:absolute; left:0px; top:30px; width:120px; text-align:center;}
.inews_con .em strong{ font-size:14px; color:#888; display:block; line-height:1; margin-bottom:5px;}
.inews_con .em em{ font-size:46px; color:#000; display:block; line-height:1;}
.inews_con .p{ color:#888; font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.inews_con .pd:hover .h3{ color:#00a0e8;}
.inews_con .slick-dots{bottom:148px;}

.iabout{ text-align:center; font-size:14px; line-height:30px; margin-bottom:60px;}
.iabout .h3{ margin-bottom:20px; color:#888;}
.iabout .h3 span{ color:#00a0e8; font-size:18px;}
.iabout .h3 strong{ color:#000000; font-size:18px; font-weight:normal;}
.iabout .p{ color:#888;}
.iabout .p strong{ font-size:18px; font-weight:normal;}

.iservice_3{}
.iservice_3 .pd{ width:224px; display:block; margin:0 auto; color:#323235; padding-bottom:30px;}
.iservice_3 .img{ margin-bottom:20px;}
.iservice_3 .img i{ font-size:68px; line-height:1; text-align:center; display:block;}
.iservice_3 .text{}
.iservice_3 .h3{ font-size:20px; text-align:center; margin-bottom:5px;}
.iservice_3 .p{ font-size:14px; line-height:24px; height:120px; overflow:hidden; display:none;}
.iservice_3 .m{ text-align:center; width:118px; margin:0 auto;line-height:30px;height:30px; background:#0092d3;}
.iservice_3 .m span{ height:30px; text-align:center; line-height:30px; background:#0092d3; color:#fff; display:block; margin:0 auto;}

.footer{ background:#222222;}
.footer_nav{ color:#888888; text-align:center; padding:45px 0; font-size:14px; border-bottom:1px solid #393939;}
.footer_nav span{ margin:0 10px;}
.footer_nav a{ color:#888888; height:30px; line-height:30px;}
.footer_nav a:hover{ color:#00a0e8;}

.footer_con{ padding:50px 0 90px 0; color:#888888; font-size:14px; line-height:30px;}
.footer_con a{ color:#888888;}
.footer_con a:hover{ color:#00a0e8;}
.footer_con .li{ float:left; width:33.3333%; box-sizing:border-box; padding-right:50px;}
.footer_con .li1{}
.footer_con .li1 .tel{ color:#fff;}
.footer_con .li2{}
.footer_con .li3{}
.footer_con .li3 img{ margin-right:10px;}

.flink{ background:#f2f2f2; padding:15px 0; line-height:30px; text-align:center; color:#888888;}
.flink a{ margin:0 7px; color:#888;float: left;}
.flink a:hover{ color:#00a0e8;}

.banner_page{ padding-bottom:0px;}
.banner_page .slick-dots{ bottom:35px;}
.banner_page .pd{ margin-bottom:0px !important;}

.brand_text{ position:absolute; z-index:2; color:#fff;}
.brand_text .h3{ font-size:58px; line-height:1; margin-bottom:50px;}
.brand_text .p{ font-size:24px; font-weight:lighter; line-height:2;}
.brand_text .m{ padding-top:80px;}
.brand_text .m em{ width:58px; color:#fff; height:58px; border:1px solid #fff; text-align:center; line-height:58px; font-size:24px; display:block; border-radius:50%;}
.brand_text .m em:hover{ background:#00a0e8; border-color:#00a0e8;}
.brand_text_1{ left:14%; top:23%;}

.brand_service{ padding:20px 0 80px 0;}
.brand_service .pd{ display:block; text-align:center;}
.brand_service .img{ margin-bottom:30px; padding-top:30px;}
.brand_service .img i{ width:144px; height:144px; text-align:center; line-height:144px; text-align:center; margin:0 auto; display:block; background:#89050c; border-radius:50%; font-size:76px; color:#fff; background-size:100% 100%; background-position:center center;}
.brand_service .text{ display:inline-block; text-align:left;}
.brand_service .h3{ font-size:24px; color:#323235; margin-bottom:20px;}
.brand_service .p{ font-size:14px; line-height:30px; color:#323235;}
.brand_service .li1 .img i{ background-image:url(../images/brand_service1.png);}
.brand_service .li2 .img i{ background-image:url(../images/brand_service2.png);}
.brand_service .li3 .img i{ background-image:url(../images/brand_service3.png);}
.brand_service .li4 .img i{ background-image:url(../images/brand_service4.png);}
.brand_service .li5 .img i{ background-image:url(../images/brand_service5.png);}
.brand_service .li6 .img i{ background-image:url(../images/brand_service6.png);}
.brand_service .li7 .img i{ background-image:url(../images/brand_service7.png);}
.brand_service .li8 .img i{ background-image:url(../images/brand_service8.png);}
.brand_service .li9 .img i{ background-image:url(../images/brand_service9.png);}
.brand_service .li10 .img i{ background-image:url(../images/brand_service10.png);}
.brand_service .li11 .img i{ background-image:url(../images/brand_service11.png);}
.brand_service .li12 .img i{ background-image:url(../images/brand_service12.png);}

.case_list{}
.case_list ul{ margin-right:-20px;}
.case_list li{ width:33.3333%; float:left; margin-bottom:20px;}
.case_list .pd{ margin-right:20px; display:block; position:relative; overflow:hidden;}
.case_list .img img{ width:100%; height:auto; display:block; }
.case_list .text{ position:absolute; left:0px; top:0px; padding:12% 0 0 10%;transform: translateY(-100%); opacity:0; color:#fff;}
.case_list .h3{ font-size:20px;}
.case_list .p{ font-size:16px;}
.case_list .p span{ margin-right:5px;}
.case_list .b{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:#323235; opacity:0;}
.case_list .pd:hover .text{transform: translateY(0%); opacity:1;}
.case_list .pd:hover .b{ left:0px; top:0px; width:100%; height:100%; opacity:1;}

.more{ padding:25px 0;}
.more a{ width:150px; height:48px; color:#000; line-height:48px; text-align:center; border:1px solid #dbdbdb; background:none; margin:0 auto; }
.more a span{ height:48px; line-height:48px;}
.more a:hover{ background:#00a0e8; border-color:#00a0e8; color:#fff;}
.bcon3{ padding:50px 0;}
.bcon4{ padding:50px 0;}
.bcon4-1{ padding:90px 0;}

.tjnews_list{ padding-top:20px;}
.tjnews_list ul{ margin-right:-20px;}
.tjnews_list li{ width:33.3333%; float:left; margin-bottom:15px;}
.tjnews_list .pd{ background:#fff; padding:30px 45px 30px 130px; position:relative; display:block; margin-right:20px;}
.tjnews_list .h3{ font-size:18px; color:#000; height:31px; line-height:31px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tjnews_list .em{ position:absolute; left:0px; top:40px; width:130px; text-align:center;}
.tjnews_list .em strong{ font-size:14px; color:#888; display:block; line-height:1; margin-bottom:5px;}
.tjnews_list .em em{ font-size:36px; color:#000; display:block; line-height:1;}
.tjnews_list .p{ color:#888888; font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.tjnews_list .pd:hover .h3{ color:#00a0e8;}

.banner_about{ position:relative;}
.banner_about .wp{ height:100%;}
.about_con1{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff;}
.about_con1 .text{ text-align:center; position:relative;}
.about_con1 .text .em{ font-size:80px; line-height:1; margin-bottom:30px;}
.about_con1 .text .h3{ font-size:48px; line-height:1; margin-bottom:20px;}
.about_con1 .text .p{ font-size:16px; line-height:1;}

.number_lsit{ padding:80px 10% 0 10%;}
.number_lsit li{ width:33.3333%; text-align:center; float:left;}
.number_lsit .pd{ width:236px; border:1px solid #fff; height:236px; border-radius:50%; margin:0 auto;}
.number_lsit .h3{ font-size:80px; line-height:1; margin-bottom:10px; padding-top:50px;}
.number_lsit .em{ font-size:16px;}

.about{ padding:20px 0;}

.about_con2{ background:#ffffff; margin-bottom:20px; position:relative;}
.about_con2 .img{ background:#323235; float:left; width:38%; color:#fff; box-sizing:border-box; padding:80px; position:absolute; left:0px; top:0px; bottom:0px;}
.about_con2 .img .h3{ font-size:60px; line-height:1; margin-bottom:15px; letter-spacing:-4px;}
.about_con2 .img .p{ font-size:18px; line-height:2;}
.about_con2 .img .m{ overflow:hidden; padding-top:50px;}
.about_con2 .img .m a{ width:130px; height:48px; border:1px solid #fff; display:block; margin-right:20px; float:left; text-align:center; line-height:48px; color:#fff; font-size:14px;}
.about_con2 .img .m a i{ font-size:14px;}
.about_con2 .img .m a span{ margin-left:5px;}
.about_con2 .img .m a:hover{ background:#00a0e8; color:#fff; border-color:#00a0e8;}
.about_con2 .text{ margin-left:38%; padding:80px 125px;}
.about_con2 .text .h3{ font-size:30px; color:#0092d3; line-height:1; padding-bottom:36px; position:relative; margin-bottom:20px;}
.about_con2 .text .h3:after{content:'\20'; position:absolute; width:10px; height:2px; background:#323235; left:0px; bottom:0px;}
.about_con2 .text .p{ font-size:14px; line-height:30px;}
.about_con2 .text .p strong{ font-size:18px; font-weight:normal;}
.about_con2 .text .m{ padding-top:70px;}
.about_con2 .text .m a{ width:130px; height:48px; border:1px solid #dbdbdb; display:block; margin-right:20px; text-align:center; line-height:48px; color:#323235; font-size:14px; background:#fff;}
.about_con2 .text .m a:hover{ background:#00a0e8; color:#fff; border-color:#00a0e8;}

.about_con3{ margin-bottom:100px;}
.about_con3 li{ overflow:hidden; background:#f8f8f8;}
.about_con3 .img{ width:50%; float:right;}
.about_con3 .img img{ width:100%; height:auto; display:block;}
.about_con3 .text{ margin:0 50% 0 0; overflow:hidden; height:422px;}
.about_con3 .text .li{ width:50%; float:left; text-align:center; background:#ffffff; height:100%;}
.about_con3 .text .li:nth-child(even){ background:#f8f8f8;}
.about_con3 .pd{ padding:115px 34px 0 34px;}
.about_con3 .h3{ font-size:60px; line-height:1; margin-bottom:15px;}
.about_con3 .em{ font-size:18px; line-height:1; text-transform:uppercase; padding-bottom:37px; margin-bottom:25px; border-bottom:1px solid #49494b;}
.about_con3 .p{ font-size:14px; line-height:24px;}
.about_con3 li:nth-child(even) .img{ float:left;}
.about_con3 li:nth-child(even) .text{ margin:0 0 0 50%;}

.about_sem2{ background:#ffffff; margin-bottom:60px; position:relative;}
.about_sem2 .img{ background:#323235; float:left; width:38%; color:#fff; box-sizing:border-box; padding:80px; position:absolute; left:0px; top:0px; bottom:0px;}
.about_sem2 .img .h3{ font-size:60px; line-height:1; margin-bottom:15px; letter-spacing:-4px;}
.about_sem2 .img .p{ font-size:18px; line-height:2;}
.about_sem2 .img .m{ overflow:hidden; padding-top:50px;}
.about_sem2 .img .m a{ width:130px; height:48px; border:1px solid #fff; display:block; margin-right:20px; float:left; text-align:center; line-height:48px; color:#fff; font-size:14px;}
.about_sem2 .img .m a i{ font-size:14px;}
.about_sem2 .img .m a span{ margin-left:5px;}
.about_sem2 .img .m a:hover{ background:#00a0e8; color:#fff; border-color:#00a0e8;}
.about_sem2 .text{ margin-left:38%; padding:80px 125px;}
.about_sem2 .text .h3{ font-size:30px; color:#0092d3; line-height:1; padding-bottom:36px; position:relative; margin-bottom:20px;}
.about_sem2 .text .h3:after{content:'\20'; position:absolute; width:10px; height:2px; background:#323235; left:0px; bottom:0px;}
.about_sem2 .text .p{ font-size:14px; line-height:30px;}
.about_sem2 .text .p strong{ font-size:18px; font-weight:normal;}
.about_sem2 .text .m{ padding-top:70px;}
.about_sem2 .text .m a{ width:130px; height:48px; border:1px solid #dbdbdb; display:block; margin-right:20px; text-align:center; line-height:48px; color:#323235; font-size:14px; background:#fff;}
.about_sem2 .text .m a:hover{ background:#00a0e8; color:#fff; border-color:#00a0e8;}

.about_sem3{ margin-bottom:100px;}
.about_sem3 li{ overflow:hidden; background:#f8f8f8;}
.about_sem3 .img{ width:50%; float:right;}
.about_sem3 .img img{ width:100%; height:auto; display:block;}
.about_sem3 .text{ margin:0 50% 0 0; overflow:hidden; height:422px;width:1200px;}
.about_sem3 .text .li{ width:25%; float:left; text-align:center; background:#ffffff; height:100%;}
.about_sem3 .text .li:nth-child(even){ background:#f8f8f8;}
.about_sem3 .pd{ padding:115px 34px 0 34px;}
.about_sem3 .h3{ font-size:60px; line-height:1; margin-bottom:15px;}
.about_sem3 .em{ font-size:18px; line-height:1; text-transform:uppercase; padding-bottom:37px; margin-bottom:25px; border-bottom:1px solid #49494b;}
.about_sem3 .p{ font-size:14px; line-height:24px;}
.about_sem3 li:nth-child(even) .img{ float:left;}
.about_sem3 li:nth-child(even) .text{ margin:0 0 0 50%;}

@media screen and (max-width:1650px){
.wp{ width:1200px;}
.tit7{ margin-bottom:15px; font-size:18px;}
.about_sem2 .img{ padding:40px;}
.about_sem2 .img .h3{ font-size:48px;}
.about_sem2 .text{ padding:40px;}
.about_sem2 .text .m{ padding-top:40px;}
}
@media screen and (max-width:1279px){
.about_sem2{ position:relative;}
.about_sem2 .img{ position:absolute; left:0px; top:0px; bottom:0px;}
.about_sem2 .img .m a{ width:120px; height:40px; line-height:40px; margin-right:10px;}
.about_sem2 .img .h3{ font-size:32px; letter-spacing:normal;}
.about_sem2 .img .p{ font-size:14px;}
.about_sem2 .text .m a{ height:40px; line-height:40px;}

.about_sem3{ margin-bottom:60px;}
.about_sem3 .text{ height:281px;}
.about_sem3 .p br{ display:none;}
.about_sem3 .pd{ padding:50px 25px 0 25px;}
.about_sem3 .h3{ font-size:24px; margin-bottom:10px;}
.about_sem3 .em{ font-size:16px;}
}

@media screen and (max-width:980px){
.about_con2 .img{ position:relative; float:none; width:auto; padding:30px 182px 30px 30px;}
.about_con2 .img .m{ position:absolute; right:30px; top:30px; padding:0px;}
.about_con2 .img .m a{ margin:0 0 10px 0; float:none;}
.about_con2 .text{ margin:0px; padding:30px;}

.about_con3 li{ width:50%; float:left;}
.about_con3 .img{ width:auto !important; float:none !important;}
.about_con3 .text{ margin:0px !important;}
}

@media screen and (max-width:480px){
.wp,
.header .wp{ margin:0 25px;}
.menu-link{ right:17px;}
.wp{ font-size:24px; margin-bottom:10px;}
.top_tel{ display:none;}

.tit1 em{ font-size:14px;}

.quick_nav2 .box{ left:25px; right:25px; width:auto;}
.quick_kf .box{ margin:-120px 0 0 0;}
.quick_fw .box{ margin:-66px 0 0 0;}
.quick_wx .box{ margin: -122px 0 0 -93px; width:186px !important; left:50% !important;}

.inews_c{ height:373px;}
.inews_tab{ margin-bottom:10px;}
.inews_tab ul{ display:block;}
.inews_tab li{ width:33.3333%;}
.inews_tab a{ padding:0px;}
.case_ul .tag{ display:none;}
.case_ul .text{ height:30px; line-height:30px; font-size:12px;}
.iservice_2 .text{ padding:25px !important;}

.footer_nav a{ float:left; width:33.3333%;}

.about_sem2 .img{ padding:20px; text-align:center;width:100%;float:left;}
.about_sem2 .img .m{ position:static; padding-top:30px; display:inline-block; vertical-align:bottom;}
.about_sem2 .img .m a{ float:left; margin:0 10px 0 0;}
.about_sem2 .img .m a:last-child{ margin-right:0px;}
.about_sem2 .text{ padding:20px; margin-left:0; float:left;}
.about_sem2 .text .h3{ text-align:center;}
.about_sem2 .text .h3:after{ left:50%; margin-left:-5px;}
.about_sem2 .text .m{ padding-top:20px;}
.about_sem2 .text .m a{ margin:0 auto;}

.about_sem3 .pd{ padding:30px 20px;}
.about_sem3 .text{ height:auto;}
.about_sem3 .text .li{ width:auto; float:none; height:auto;}
}
  
.about_con4{ margin-bottom:70px; position:relative;}

.about_con5{ background:url(../images/about_con5.jpg) no-repeat top center; height:644px; background-size:cover; color:#fff;}
.about_con5 .wpd{ padding:88px 0 0 0;}
.standard{ padding-top:40px;}
.standard .single-item{ padding-bottom:60px;}
.standard .pd{ text-align:center; padding:110px 0; position:relative;}
.standard .i{ font-size:280px; position:absolute; left:0px; top:50%; margin-top:-140px; right:0px; line-height:1; text-align:center; color:rgba(255,255,255,0.1); letter-spacing:-0.05em;}
.standard .h3{ font-size:48px;}
.standard .p{ font-size:18px;}

.standard .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:0px;}
.standard .slick-dots li{ float:left; margin:0 6px;}
.standard .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.standard .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }

.news{ padding:70px 0;}
.news_tab{ text-align:center; margin-bottom:70px;}
.news_tab ul{ display:inline-block; vertical-align:bottom;}
.news_tab li{ float:left;}
.news_tab a{ display:block; height:50px; line-height:50px; font-size:18px; margin-right:1px; padding:0 30px; background:#ffffff;}
.news_tab li.curr a{ background-color:#323235; color:#fff;}

.news_list ul{ margin-right:-20px;}
.news_list li{ width:33.3333%; float:left; margin-bottom:40px;}
.news_list .pd{ background:#fff; display:block; margin-right:20px;}
.news_list .img{ overflow: hidden;/*width: 487px;*/height: 274px;}
.news_list .img img{ width:100%; height:100%; object-fit: cover;display: block;}
.news_list .text{ padding:30px 45px 30px 130px; position:relative; color:#888;}
.news_list .h3{ font-size:18px; color:#000; height:30px; line-height:30px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news_list .em{ position:absolute; left:0px; top:40px; width:130px; text-align:center;}
.news_list .em strong{ font-size:14px; display:block; line-height:1; margin-bottom:5px;}
.news_list .em em{ font-size:36px; color:#000; display:block; line-height:1;}
.news_list .p{ font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_list .m{ padding-top:20px;}
.news_list .m i{ font-size:24px; line-height:1;}

.news_list .pd:hover .text{ background:#323235; color:#fff;}
.news_list .pd:hover .h3{ color:#fff;}
.news_list .pd:hover .em em{ color:#fff;}

.solutions_list ul{ margin-right:-20px;}
.solutions_list li{ width:33.3333%; float:left; margin-bottom:40px;}
.solutions_list .pd{ background:#fff; display:block; margin-right:20px;}
.solutions_list .img{ overflow: hidden;/*width: 487px;*/height: 260px;}
.solutions_list .img img{ width:100%; height:100%; object-fit: cover;display: block;}
.solutions_list .text{ padding:30px 45px 30px 30px; position:relative; color:#888;}
.solutions_list .h3{ font-size:18px; color:#000; height:30px; line-height:30px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.solutions_list .p{ font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.solutions_list .m{ padding-top:20px;}
.solutions_list .m i{ font-size:24px; line-height:1;}

.news_flip{ text-align:center; padding:30px 0;}
.news_flip .pd{ display:inline-block;}
.news_flip a{ float:left; width:50px; height:50px; margin:0 5px; font-size:18px; line-height:50px; text-align:center; background:#ffffff;}
.news_flip a.curr{ background:#323235; color:#fff;}
.news_flip a:hover{ background:#0092d3; color:#fff;}

.banner_contact{ position:relative;}
.banner_contact .img{ position:relative; background:url(../images/banner_contact.jpg) no-repeat top center; height:670px; overflow:hidden;}
.banner_contact .text{ position:absolute; left:0px; top:150px; right:0px; z-index:6;}
.banner_contact .text .pd{color:#323235; background:rgba(255,255,255,0.95); float:left; padding:50px 70px; border-radius:10px;}
.banner_contact .text .h3{ font-size:24px; margin-bottom:5px; line-height:1;}
.banner_contact .text .em{ font-size:12px; line-height:1; padding-bottom:40px; position:relative; margin-bottom:20px;}
.banner_contact .text .em:before{content:'\20'; position:absolute; left:0px; bottom:0px; width:14px; height:2px; background:#00a0e8;}
.banner_contact .text .p{ font-size:24px; line-height:1; margin-bottom:20px;}
.banner_contact .text .c{ font-size:48px; line-height:1; color:#00a0e8;}

.leida{ position:absolute; left:50%; top:296px; width:32px; height:32px; margin-left:149px;}
.leida .icon-dizhi{ font-size:18px; color:#0092d3; text-align:center; width:32px; height:32px; line-height:32px; display:block; position:relative; z-index:7;}
.leida span{ position:absolute; left:50%; top:50%; border-radius:50%; display:block; background:rgba(233,31,47,0.5); box-sizing:border-box; opacity:0;}
.leida .span2{ width:80px; height:80px; margin:-40px 0 0 -40px; z-index:6;}
.leida .span3{ width:160px; height:160px; margin:-80px 0 0 -80px; z-index:5;}
.leida .span4{ width:320px; height:320px; margin:-160px 0 0 -160px; z-index:4;}
.leida .span5{ width:640px; height:640px; margin:-320px 0 0 -320px; z-index:3;}
.leida .span6{ width:1280px; height:1280px; margin:-640px 0 0 -640px; z-index:2;}
.leida .span7{ width:2560px; height:2560px; margin:-1280px 0 0 -1280px; z-index:1;}
.FpulseSlow {animation:FpulseSlow infinite alternate 2s ease-in-out;}
@keyframes FpulseSlow {
	0% {transform:scale(1);opacity:1;}
	100%{transform:scale(0.85);opacity:0.5;}
}
.FpulseSlow2 {animation:FpulseSlow2 infinite 3s linear ;opacity:0;}
@keyframes FpulseSlow2 {
	0% {transform:scale(0.25);opacity:0.4;}
	100%{transform:scale(1);opacity:0;}
}
.contact{ position:relative; z-index:7;}
.contact_con1{ background:#fff; padding:60px 70px; margin-bottom:20px;}
.contact_con1 ul{ margin-right:-70px;}
/*.contact_con1 li{ float:left; width:50%;}*/
.contact_con1 li:nth-child(1) { float:left; width:40%;}
.contact_con1 li:nth-child(2) { float:left; width:60%;}
@media screen and (max-width: 768px) {	
.contact_con1 li:nth-child(1) { float:left; width:100%;}
.contact_con1 li:nth-child(2) { float:left; width:100%;}
}
.contact_con1 .pd{ margin-right:70px;}
.contact_con1 .h3{ font-size:30px; border-bottom:1px solid #ccc; text-transform:uppercase; height:60px; line-height:60px; margin-bottom:25px;}
.contact_con1 .p{ position:relative; font-size:18px; line-height:28px; padding:10px 0 10px 46px;}
.contact_con1 .p i{ width:32px; height:32px; line-height:32px; text-align:center; position:absolute; left:0px; top:9px; font-size:32px;}

.contact_con2{ background:#fff; padding:50px 70px;}
.tit3{ font-size:30px; line-height:40px; padding:15px 0; border-bottom:1px solid #ccc; margin-bottom:30px;}
.job{ overflow:hidden;}
.job ul{ margin-right:-60px;}
.job li{ float:left; width:50%; margin-bottom:30px;}
.job li.clearfix{ width:100%; margin:0px; float:none;}
.job .pd{ margin-right:60px;}
.job .h3{ margin-bottom:30px; font-size:24px; margin-bottom:15px;}
.job .p{ font-size:14px; line-height:30px;}
.job_p{ font-size:18px; padding-top:60px;}
.job_p a{ color:#0092d3;}

.news_pg{ margin:0 90px;}
.news_fl{ width:1000px; float:left;}

.news_wp{ background:#fff; margin-bottom:60px;}
.crumbs{ margin:0 50px; color:#888; padding:20px 0; line-height:30px; border-bottom:1px solid #dbdbdb;}
.crumbs a{ color:#888;}
.crumbs a:hover{color:#0092d3;}
.crumbs span{ color:#323235;}
.crumbs em{ margin:0 5px;}



.news_info{ margin:0 50px; padding:30px 0 50px 0;}
.news_info_tit{ font-size:36px; line-height:1.3; margin-bottom:10px;}
.news_info_em{ color:#888; font-size:12px; margin-bottom:30px;}
.news_info_con{ font-size:14px; line-height:24px;}
.news_info_con img{ max-width:100%; height:auto;}

.news_page{ overflow:hidden; padding:25px 30px; background:#fff; border-top:1px solid #f2f2f2; position:relative;}
.news_page .li{ float:left; width:50%;}
.news_page .li a{ display:block; font-size:18px; height:30px; overflow:hidden; line-height:30px; padding:0 40px; position:relative;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color:#323235;}
.news_page .li i{ position:absolute; width:30px; height:30px; font-size:24px; color:#323235; top:50%; margin-top:-15px; line-height:30px; text-align:center;}
.news_page .li1 a{ text-align:left;}
.news_page .li1 p{ text-align:left;font-size:18px; height:30px; overflow:hidden; line-height:30px;  }
.news_page .li1 i{ left:0px;}
.news_page .li2 a{ text-align:right;}
.news_page .li2 p{ text-align:right;font-size:18px; height:30px; overflow:hidden; line-height:30px; }
.news_page .li2 i{ right:0px;}
.news_page .return{ position:absolute; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; top:50%;}
.news_page .return a{ width:32px; height:32px; line-height:32px; display:block; text-align:center; font-size:28px; color:#323235;}

.news_page .li a:hover{ color:#0092d3;}
.news_page .li a:hover i{ color:#0092d3;}
.news_page .return a:hover{ color:#0092d3;}

.tj_service{}
.tit4{ line-height:1;}
.tit4 strong{ margin-right:10px; font-weight:normal;}
.tit4 em{ text-transform:uppercase; color:#888;}

.tit4_1{ font-size:24px; margin-bottom:30px;}
.tit4_2{ font-size:18px !important; margin-bottom:20px;}
.tit4_3{ font-size:32px; margin-bottom:35px;}
.tit4_4{ font-size:32px; margin-bottom:25px;}
.tit4_4 em{ color:#fff;}
.tit4_5{ font-size:28px; margin-bottom:35px;}
.tit4_5 em{ color:#323235;}

.tj_service_list{}
.tj_service_list .single-item{ margin-right:-20px;}
.tj_service_list .pd{ display:block; margin-right:20px; background:#fff;}
.tj_service_list .img{ overflow:hidden;}
.tj_service_list .img img{ width:100%; height:auto; display:block;}
.tj_service_list .text{ padding:25px 20px;}
.tj_service_list .h3{ font-size:22px; line-height:1; margin-bottom:10px; color:#25211e;}
.tj_service_list .p{ font-size:14px; color:#666; height:24px; overflow:hidden; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.news_fr{ width:300px; float:right;}

.tj_case{ background:#fff; margin-bottom:20px; padding:25px;}
.tj_case_list{}
.tj_case_list .slick-slide{ margin-bottom:10px; float:none;}
.tj_case_list .slick-slide:last-child{ margin-bottom:0px;}
.tj_case_list .pd{ display:block;}
.tj_case_list .img{ overflow:hidden;}
.tj_case_list .img img{ width:100%; height:auto; display:block;}
.tj_case_list .text{ padding:15px 0;}
.tj_case_list .h3{ font-size:14px; color:#25211e;}
.tj_case_list .p{ font-size:12px; color:#666;}

.tj_news{background:#fff; margin-bottom:20px; padding:25px;}
.tj_news_lsit{}
.tj_news_lsit li{ padding:15px 0; border-top:1px dashed #cdcdcd; position:relative; font-size:14px;}
.tj_news_lsit a{ height:20px; line-height:20px; display:block; overflow:hidden; padding-left:0px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tj_news_lsit i{ position:absolute; left:0px; top:50%; height:30px; line-height:30px; margin-top:-15px;}

.tj_tag{background:#fff; margin-bottom:20px; padding:25px;}
.tj_tag_list{ overflow:hidden;}
.tj_tag_list .pd{ margin-right:-8px;}
.tj_tag_list a{ float:left; height:35px; line-height:35px; padding:0 8px; background:#f2f2f2; margin:0 8px 8px 0; font-size:14px;}
.tj_tag_list a:hover{ background:#323235; color:#fff;}

.banner_case{ position:relative;}
.banner_case .pd{ padding-left:55px;}
.banner_case .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.1); text-transform:uppercase;}
.banner_case .h3{ font-size:48px; line-height:1; margin-bottom:50px;}
.banner_case .p{ font-size:18px; line-height:1;}
.banner_case .p em{ margin:0 10px;}
.banner_case .m{ padding:90px 0 150px 0 ;}
.banner_case .m a{ width:178px; height:54px; background:#0092d3; display:block; text-align:center; line-height:54px; border-radius:27px; font-size:18px; color:#fff;}

.case_pg{ padding-bottom:80px; }
.caseinfo_top{ position:relative; margin-bottom:20px;}
.caseinfo_top .img{ background:#fff; box-shadow:0 0 0 1px #e8e8e8; margin-right:32.5%; margin-top:-60px; position:relative; z-index:2;}
.caseinfo_top .img .pd{ padding:60px 55px;}
.caseinfo_top .text{ position:absolute; right:0px; width:38.5%; background:#fff; bottom:0px; z-index:1; padding-left:90px; box-sizing:border-box;}
.caseinfo_top .text .pd{ padding:60px;} 

.case_Project .p{ font-size:18px; line-height:36px; min-height:224px;}
.case_Project .seop{ min-height:350px;}
.case_Project .m{ padding-top:30px; overflow:hidden;}
.case_Project .m i{ width:58px; height:58px; box-sizing:border-box; line-height:56px; border-radius:50%; border:1px solid #dfdbda; position:absolute; left:0px; top:0px; text-align:center; font-size:24px;}
.case_Project .m a{ display:block; float:left; position:relative; padding-left:88px; font-size:18px; color:#c4bebc; height:58px; line-height:58px;}
.case_Project .m a:hover{ color:#c4bebc;}
.case_Project .m a:hover i{ border-color:#0092d3; color:#0092d3;}

.case_service{ margin-bottom:50px;}
.case_service li{ width:50%; float:left; font-size:14px; box-sizing:border-box; line-height:36px;}
.case_service li:before{ content:'>'; margin-right:10px;}

.case_idea{}
.case_idea .p{ font-size:14px; line-height:28px; min-height:144px;}

.caseinfo_con{ background:#fff; padding:50px 90px;}
.caseinfo_con img{ max-width:100%; height:auto;}

.network_con img{ max-width:100%; height:auto; margin-bottom:0px !important;}

.caseinfo_m{ padding:50px 0;}
.caseinfo_m a{ width:275px; height:60px; text-align:center; border-radius:30px; line-height:60px; font-size:24px; color:#fff; margin:0 auto; background:#0092d3; display:block;}
.caseinfo_m a:hover{ background:#0092d3;}

.case_tj{ padding:90px 0 0 0;}
.case_tj .single-item{ margin-right:-25px;}
.case_tj .pd{ display:block; margin-right:25px; background:#fff;}
.case_tj .img{ overflow:hidden;}
.case_tj .img img{ width:100%; height:auto;}
.case_tj .text{ padding:25px;}
.case_tj .h3{ font-size:22px; line-height:24px; margin-bottom:10px; color:#25211e; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.case_tj .p{ font-size:14px; color:#666; height:24px; line-height:24px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

.slick .slick-arrow{font-size:22px; position:absolute; top:-55px; z-index:2; height:58px; line-height:58px; width:58px; text-align:center; padding:0px; border:none; color:#a7a7a7; background:rgba(0,0,0,0); border-radius:50%;}
.slick .slick-prev{ right:58px; left:auto;}
.slick .slick-prev:before{ content: "\e701"; }
.slick .slick-next{ right:0px;}
.slick .slick-next:before{ content: "\e704"; }
.slick .slick-arrow:hover{ color:#0092d3;}

.quick_nav{ position:fixed; -webkit-transform: translateZ(0); right:0px; top:50%; color:#fff; text-align:center; width:100px; margin-top:-234px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:12;}
.quick_nav1 a{ color:#fff;}
.quick_nav1 a:hover{text-decoration:underline}；
.quick_nav1{}
.quick_nav1 li{ background:#323235; margin-bottom:1px; padding:10px 0;transition:0.3s; border-radius:3px;}
.quick_nav1 li:hover{ background:#0092d3; color:#fff;}
.quick_nav1 li:hover a{ color:#fff;}

.quick_nav1 .h3{ font-size:16px; line-height:1; position:relative; margin-bottom:7px;}
.quick_nav1 .h3:before{ content:'\20'; width:10px; height:2px; background:#0092d3; position:absolute; left:15px; top:50%; margin-top:-1px;}
.quick_nav1 .p{ font-size:12px; line-height:18px; text-align:left; padding:0 0 0 10px; overflow:hidden;}
.quick_nav1 .p span,.quick_nav1 .p a{ margin-right:8px; float:left; color:#acacac;}
.quick_nav1 .p a:hover{ text-decoration:underline; color:#fff;}
.quick_nav1 li:nth-child(3) .p{ padding:0px;}
.quick_nav1 li:nth-child(3) .p span,.quick_nav1 li:nth-child(3) .p a{ width:50%; margin-right:0px; text-align:center;}

.quick_nav2{}
.quick_nav2 ul{ margin-bottom:0px;}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;}

.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover{ color:#00a0e8;}
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}
.quick_nav2 li:hover{background:#00a0e8; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}



.quick_kf .h3{ font-size:24px; color:#00a0e8; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; color:#00a0e8; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}

.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:36px; line-height:1; color:#00a0e8;}
.quick_fw .p a{ color:#00a0e8;}

.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;}

.quick_top{ display:none;}
.body_top .quick_top{ display:block;}

.bcon5{ background:#fff; padding:50px 0; text-align:center;}
.app_top{ margin-bottom:60px;}
.app_top .h3{ font-size:36px; color:#3e3a39; margin-bottom:10px;}
.app_top .em{ font-size:18px; color:#0092d3; margin-bottom:10px;}
.app_top .p{ font-size:18px; color:#888;}

.app_list{}
.app_list ul{}
.app_list li{ float:left; width:12.5%; background:url(../images/app_list_line.png) repeat-x center center;}
.app_list .pd{ position:relative; padding:66px 0; display:block;}
.app_list .img{ background:#fff; width:110px; height:110px; border:5px solid #d1d1d1; border-radius:50%; margin:0 auto; color:#888; position:relative;}
.app_list .img:after{ content:'\20'; width:1px; height:26px; position:absolute; background:#d3d3d3; left:50%; top:-26px;}
.app_list .img span{ font-size:30px; line-height:1; display:block; margin-bottom:7px;}
.app_list .img em{ font-size:18px; line-height:1; display:block;}
.app_list .text{ position:absolute; width:200px; left:50%; top:0px; margin-left:-100px;}
.app_list .text img{ width:100%; height:auto; display:block;}
.app_list li:nth-child(even) .text{ bottom:0px; top:inherit;}
.app_list li:nth-child(even) .img:after{ top:inherit; bottom:-26px;}

/*详细页*/
.case_nav{ position:fixed; left:0px; top:0px; right:0px; background:#f3f0ef; text-align:center; z-index:10; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.case_nav ul{ display:inline-block; vertical-align:bottom; text-align:left;}
.case_nav li{ float:left; margin:0 5px;}
.case_nav a{ padding:0 40px; height:60px; font-size:18px; line-height:60px; position:relative; display:block;}
.case_nav a:after{ content:'\20'; height:3px; left:0px; right:0px; bottom:0px; background:#0092d3; position:absolute; display:none;}
.case_nav a.active{ color:#0092d3;}
.case_nav a.active:after{ display:block;}

.fixed-nav.fixed-nav-appear .case_nav{ top:60px;}

.case_con{ margin-bottom:30px; padding:0 60px;}

.tit5{ font-size:36px; text-align:center; padding:30px 0;}
.tit5 span{ color:#0092d3;}

.table{}
.table table{ width:100%; border-collapse:collapse; border:1px solid #dbdbdb; text-align:center; font-size:14px;}
.table th{ background:#0092d3; border:1px solid #dbdbdb; padding:10px; color:#fff; font-size:16px;}
.table td{ border:1px solid #dbdbdb; padding:10px;word-break:break-all;}
.table img{ width:100%; max-width:115px; height:auto; display:inline;}
.table tr:nth-child(odd) td{ background:#f3f0ef;}
.table .p{ font-size:18px;}

.mgb40{ margin-bottom:40px;}

.text1{ font-size:18px; color:#323235; padding:0 100px; text-align:center; margin-bottom:40px;}

.list1{ margin-bottom:40px;}
.list1 .single-item{}
.list1 .slick-slide{ background:#ffffff; padding-top:40px;}
.list1 .pd{ border:1px solid #dbdbdb; border-right:0px; padding:60px 40px 35px 40px; text-align:center; position:relative;}
.list1 .slick-slide:last-child .pd{ border-right:1px solid #dbdbdb;}
.list1 i,.list1 em{ position:absolute; left:50%; top:-40px; width:80px; height:80px; border-radius:50%; text-align:center; line-height:80px; margin-left:-40px; background:#00a0e8; color:#fff; font-size:40px;}

.list1 .h3{ font-size:24px; color:#0092d3;}
.list1 .p{ font-size:14px; line-height:24px; min-height:144px;}

.img_auto{}
.img_auto img{ max-width:100%; height:auto; margin-bottom:40px;}
.img_auto img:last-child{ margin-bottom:0px;}

.imgtext1{ background:#f3f0ef; padding:20px; overflow:hidden; margin-bottom:40px;}
.imgtext1 .img{ float:left; width:464px;}
.imgtext1 .img .single-item{ padding-bottom:50px;}
.imgtext1 .img .slick-dots{ position:absolute; left:50%; bottom:20px; margin-left:-30px;}
.imgtext1 .img .slick-dots li{ float:left; margin:0 3px;}
.imgtext1 .img .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; text-indent:-99px; border-radius:50%; overflow:hidden; background:#888;  box-sizing:border-box; border:1px solid #fff;}
.imgtext1 .img .slick-dots li.slick-active button{ background:#0092d3;}

.imgtext1 .text{ margin-left:464px; padding:130px 130px 0 130px;}
.imgtext1 .h3{ font-size:36px; line-height:1; padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:50px;}
.imgtext1 .p{ font-size:14px; line-height:22px;}
.imgtext1 .p strong{ font-size:24px; color:#0092d3; font-weight:normal;}

.img_list1{ border:1px solid #dbdbdb;}
.img_list1 img{ border-bottom:1px solid #dbdbdb; max-width:100%; height:auto;}
.img_list1 img:last-child{ border-bottom:none;}

.img_list2{ padding:20px 10px; background:#f3f0ef; overflow:hidden;}
.img_list2 img{ width:50%; float:left; padding:0 10px; box-sizing:border-box;}

.ys_huangse{ color:#fff000;}
.ys_hongse{ color:#00a0e8;}

.smm_tab{}
.smm_tabnav{ margin-bottom:40px; text-align:center;}
.smm_tabnav ul{ display:inline-block; vertical-align:bottom;}
.smm_tabnav li{ float:left; margin:0 10px;}
.smm_tabnav li a{ padding:0 34px; height:46px; line-height:46px; border-radius:23px; background:#f3f0ef; color:#888; font-size:18px; display:block;}
.smm_tabnav li.curr a{ background:#0092d3; color:#fff;}
.smm_tabcon{}
.smm_tabcon li{ display:none;}
.smm_tabcon li:first-child{ display:block;}

.tit6{ padding:30px 0 10px 0; line-height:30px; text-align:center; background:#f3f0ef; font-size:18px;}
.tit6 strong{ color:#0092d3; font-weight:normal; margin-left:18px;}
.tit6 span{ margin-right:18px;}



.table_4 .w4{ width:280px;}

.table_1 .w2{ width:330px;}
.table_1 .w3{ width:445px;}

.table_8 .w3{ width:200px;}
.table_8 .w4{ width:115px;}

.table_11 .w1{ width:140px;}
.table_11 .w5{ width:152px;}

.table_min_8 th,
.table_min_11 th{ width:86px;}

.table_list .single-item{ padding-bottom:30px;}
.table_list .slick-arrow{ width:60px; height:32px; line-height:32px; bottom:-10px; top:auto; background:#0092d3; color:#fff;}
.table_list .slick-prev{ left:0px;}
.table_list .slick-next{ right:0px;}


.nb-icon-wrap{ display:none !important;}
#to_case{ position:absolute; top:-60px;}

.show_sq{}


.xg_news{ background:#fff; padding:30px; margin-bottom:50px;}
.xg_news .tit4_1{ margin-bottom:10px;}
.xg_news_list{}
.xg_news_list ul{ margin-right:-30px;}
.xg_news_list li{ float:left; width:33.3333%;}
.xg_news_list .pd{ display:block; overflow:hidden; border-bottom:1px dashed #ccc; margin-right:30px; font-size:16px; height:40px; line-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


#container{ height:400px; width:100%;}
.highcharts-exporting-group,.highcharts-credits,.highcharts-legend-item,.highcharts-legend-box{ display:none !important;}

.zcrumbs{ padding:0px; padding:5px 0; background:#fff; border:none; margin:0 0 50px 0;}
.zcrumbs em{ margin:0 5px;}
.zcrumbs a{ color:#999;}
.zcrumbs a:hover{ color:#0092d3;}
.zcrumbs span{ color:#000;}
.ncrumbs{ background:none; color:#fff; text-shadow:0 0 1px rgba(0,0,0,1); padding:0px; margin:0px;}
.ncrumbs .pd{ position:absolute; left:0px; top:-105px;}
.ncrumbs a{ color:#fff;}
.ncrumbs a:hover{ text-shadow:0 0 1px rgba(255,255,255,1);}
.ncrumbs span{ color:#fff; }




.kol_top{ background:#fff; margin:-60px 80px 90px 80px; box-shadow:0 0 50px rgba(0,0,0,0.2); padding:60px 70px 70px 70px;}
.kol_top .con{ font-size:18px; line-height:2;}
.kol_top .con p{ margin-bottom:1em;}

.tit7{ text-align:center; line-height:1; font-size:36px; margin-bottom:40px;}
.tit7 strong{ color:#00a0e8; font-weight:normal; margin:0 12px;}
.tit7 em{ color:#888; text-transform:uppercase; margin:0 12px;}



.kol_tabnav{ margin-bottom:90px; text-align:center;}
.kol_tabnav ul{ display:inline-block; vertical-align:bottom;}
.kol_tabnav li{ float:left; margin:0 10px;}
.kol_tabnav li a{ padding:0 34px; height:46px; line-height:46px; border-radius:23px; background:#fff; color:#323235; font-size:18px; display:block;}
.kol_tabnav li.curr a{ background:#00a0e8; color:#fff;}
.kol_tabcon{ margin:0 80px;}
.kol_tabcon li{ display:none;}
.kol_tabcon li:first-child{ display:block;}
.kol_tabcon .dl{ margin-bottom:80px;}
.kol_tabcon .dl:last-child{ margin-bottom:0px;}

.kol_img{ box-shadow:0 0 50px rgba(0,0,0,0.2);}
.kol_img img{width:100%; height:auto; display:block;}

.business{}
.business ul{ margin-right:-20px;}
.business li{ width:50%; float:left; margin-bottom:20px;}
.business .pd{ display:block; position:relative; color:#fff; margin-right:20px;}
.business .img{}
.business .img img{ width:100%; height:auto;}
.business .text{ position:absolute; left:50px; top:50px; width:380px;}
.business .h3{ font-size:36px; line-height:1; margin-bottom:30px;}
.business .p{ font-size:16px; line-height:28px;}
.business .m{ padding-top:35px;}
.business .m i{ font-size:26px; line-height:1;}

@media screen and (max-width:1680px){
.caseinfo_top .text .pd{ padding:55px;}

.ncrumbs .pd{ top:-100px;}
}
@media screen and (max-width:1650px){
.wp{ width:1200px;}
.about_con2 .img{ padding:40px;}
.about_con2 .img .h3{ font-size:48px;}
.about_con2 .text{ padding:40px;}
.about_con2 .text .m{ padding-top:40px;}

.about_con3 .text{ height:338px;}
.about_con3 .h3{ font-size:32px;}
.about_con3 .em{ padding-bottom:20px; margin-bottom:20px;}
.about_con3 .pd{ padding:65px 30px 0 30px;}

.contact_con1{ padding:40px 50px;}
.contact_con1 .h3{ font-size:24px; height:56px; line-height:56px;}
.contact_con1 .p{ font-size:16px;}
.contact_con1 .pd{ margin-right:50px;}

.tit3{ padding:8px 0; font-size:26px;}

.contact_con2{ padding:40px 50px;}
.job ul{ margin-right:-50px;}
.job .pd{ margin-right:50px;}
.job_p{ font-size:16px;}
.tit3{ font-size:24px;}

.news_pg{ margin:0px;}
.news_fl{ width:880px;}

.news_page .li a{ font-size:16px;}
.news_info_tit{ font-size:24px;}

.menu .h3 a{ padding:0 10px; margin:0 10px;}

.app_top .p{ font-size:14px;}

.caseinfo_top .img{ margin-right:40%; margin-top:-40px;}
.caseinfo_top .img .pd{ padding:40px;}
.caseinfo_top .text{ width:44%; padding-left:48px;}
.caseinfo_top .text .pd{ padding:40px;}
.case_service{ margin-bottom:40px;}
.case_service li{ line-height:30px;}
.case_idea .p{ line-height:24px;}

.case_con{ padding:0px;}
.caseinfo_con{ padding:40px 60px;}

.imgtext1 .text{ padding:100px 40px 0 60px;}

.brand_text .h3{ font-size:48px; margin-bottom:40px;}
.brand_text .p{ font-size:20px;}
.brand_text .m{ padding-top:60px;}

.about_con1 .text .em{ font-size:60px;}
.about_con1 .text .h3{ font-size:36px;}
.number_lsit{ padding:60px 10% 0 10%;}
.number_lsit .h3{ font-size:60px;}
.number_lsit .em{ font-size:15px;}
.number_lsit .pd{ width:220px; height:220px;}

.contact_con1 ul{ margin-right:-50px;}
.contact_con1 .pd{ margin-right:50px;}

.caseinfo_top .text{ }

.tit4{ font-size:28px;}
.case_Project .p{ font-size:16px; line-height:28px;}

.case_tj .single-item{ margin-right:-15px;}
.case_tj .pd{ margin-right:15px;}
.case_tj .h3{ font-size:18px; line-height:20px; height:20px;}
.slick .slick-arrow{ top:-34px; width:40px; height:40px; line-height:40px;}
.slick .slick-prev{ right:48px;}


.banner_case .h3{ font-size:36px; margin-bottom:40px;}
.banner_case .p{ font-size:16px;}
.banner_case .m{ padding:60px 0 100px 0;}
.banner_case .m a{ width:140px; height:48px; line-height:48px; font-size:16px;}


.case_Project .seop{ min-height:305px;}

.ncrumbs .pd{ top:-70px;}

.business .text{ width:330px; left:35px; top:35px;}
.business .h3{ font-size:28px; margin-bottom:20px;}
.business .p{ font-size:14px;}
.business .m{ padding-top:25px;}
}
@media screen and (max-width:1440px){
.btext .h3{ font-size:48px; margin-bottom:20px;}
.btext .p{ font-size:24px;}
.btext .m{ padding-top:40px;}
.btext .m a{ width:190px; height:44px; line-height:44px;}
.iservice_1 .img .h3{ font-size:28px; line-height:40px;}
.iservice_1 .text .h3{ font-size:36px; line-height:40px;}

.case_ul .text{ font-size:16px; height:50px; line-height:50px;}

.tit1 strong{ font-size:28px; margin-bottom:20px;}
.icase_tab{ margin-bottom:30px;}
.icase_tab a{ font-size:16px;}

.iservice_2 .img{ width:58%;}
.iservice_2 .text{ padding:60px 40px 0 40px; margin:0 58% 0 0;}
.iservice_2 li.even .text{ padding:25px 40px;}
.iservice_2 li.even .m{ right:40px;}
.iservice_2 li.odd .text{ margin:0 0 0 58%;}

.brand_text .h3{ font-size:44px; margin-bottom:30px;}
.brand_text .p{ font-size:18px; line-height:inherit;}
.brand_text .m{ padding-top:50px;}
.brand_text .m em{ width:50px; height:50px; line-height:50px; font-size:22px;}

.app_top .h3{ font-size:28px;}

.app_list .img{ width:90px; height:90px; border-width:3px;}
.app_list .img span{ font-size:24px;}
.app_list .img em{ font-size:16px;}
.app_list .text{ width:160px; margin-left:-80px;}


.banner_contact .img{ height:580px;}
.banner_contact .text .pd{ padding:40px 50px;}
.banner_contact .text .em{ padding-bottom:30px;}
.banner_contact .text .p{ margin-bottom:15px;}
.banner_contact .text .c{ font-size:40px;}

.banner_case .h3{ font-size:28px; margin-bottom:30px;}
.banner_case .p{ font-size:14px;}
.banner_case .m{ padding:40px 0 80px 0;}
.banner_case .m a{ width:140px; height:40px; line-height:40px; font-size:16px;}

.tit5{ font-size:28px; padding:20px 0;}
.table .p{ font-size:16px;}


.table_1 .w2{ width:260px;}
.table_1 .w3{ width:290px;}

.text1{ font-size:16px;}

.list1 .pd{ padding:60px 20px 20px 20px;}
.list1 .h3{ font-size:18px;}
.list1 .p{ min-height:144px;}

.imgtext1 .h3{ font-size:28px; padding-bottom:20px; margin-bottom:40px;}

.ibanner .slick-prev{ left:80px;}

.kol_top{ padding:40px; margin:-40px 0 70px 0;}
.kol_top .con{ font-size:16px; line-height:1.8;}
.kol_tabnav{ margin-bottom:50px;}
.tit7{ font-size:28px; margin-bottom:30px;}
.kol_tabcon{ margin:0px;}
.kol_tabcon .dl{ margin-bottom:50px;}

.tit7 strong,
.tit7 em{ margin:0 5px;}

}
@media screen and (max-width:1366px){
.quick_nav{ width:92px; top:110px; margin:0px;}
.quick_nav1 .h3{ margin-bottom:3px; font-size:14px;}
.quick_nav2 li{ padding:10px 0;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .box{ right:92px;}

.inews_c{ margin-right:-15px;}
.inews_con .em{ width:100px; top:30px;}
.inews_con .text{ padding:25px 25px 25px 100px;}
.inews_con .slick-dots{ bottom:142px;}
.inews_con{ padding-right:15px;}

.footer_nav{ padding:25px 0;}
.flink{ font-size:12px;}
.footer_con{ padding:40px 0;}

.about_con5{ height:auto; padding:80px 0;}
.about_con5 .wpd{ padding-top:0px;}
.standard{ padding-top:0px;}
.standard .pd{ padding:50px 0;}
.standard .i{ font-size:200px; margin-top:-100px;}

.case_Project .p{ font-size:14px;}
.case_Project .m i{ width:44px; height:44px; line-height:44px; font-size:18px;}
.case_Project .m a{ height:44px; line-height:44px; padding-left:64px;}

.tit4{ margin-bottom:25px; font-size:24px;}
.case_service{ margin-bottom:20px;}

.caseinfo_con{ padding:40px;}
.network_con img{ margin-bottom:30px;}

.caseinfo_m a{ width:220px; height:50px; line-height:50px; font-size:18px;}

.case_nav a{ font-size:16px; padding:0 20px; height:50px; line-height:50px;}

.text1{ font-size:14px; padding:0 60px;}

.imgtext1 .text{ padding:60px 30px 30px 30px;}
.imgtext1 .h3{ font-size:24px; padding-bottom:15px; margin-bottom:30px;}
.imgtext1 .p{ line-height:1.5;}
.imgtext1 .p strong{ font-size:18px;}

.case_Project .seop{ min-height:290px;}

.quick_nav1 .h3:before{ left:12px;}

.menu .h3 a{ height:64px; line-height:64px;}
.header .wp{ height:64px;}
.logo{ width:126px; margin-top:-16px;}

.iservice_1 .img,
.iservice_1 .text{ padding:15px;}

.kol_top .con{ font-size:14px;}
.tit7{ font-size:24px;}

.menu .box{ top:64px;}
.fixed-nav .box{ top:60px;}
}
@media screen and (max-width:1279px){
.wp{width:1000px;}
.header .wp{ margin:0 30px; height:80px; min-width:1000px;}
.menu{ margin:0 215px 0 158px;}
.menu .h3 a{ height:80px; line-height:80px; margin:0 5px;}
.logo{ width:auto; margin-top:-20px;}
.logo img{ height:40px; width:auto;}

.fixed-nav .logo{ width:auto; margin-top:-15px;}
.fixed-nav .logo img{ height:30px;}
.fixed-nav .menu{ margin:0 210px 0 120px;}

.iservice_1 .text{ padding:15px;}
.iservice_1 .img{ padding:15px;}
.iservice_1 ul{ margin-right:-10px;}
.iservice_1 .pd{ margin-right:10px;}

.footer_nav{ padding:20px 0;}
.footer_con{ line-height:1.6;}

.icon2{ padding:50px 0;}
.tit1 strong{ font-size:24px; margin-bottom:15px;}
.tit1 em{ font-size:16px;}
.icase_tab{ margin-bottom:20px;}
.icase_tab a{ height:34px; line-height:34px;}
.case_ul .text{ height:40px; line-height:40px; font-size:14px;}
.icase_m{ padding-top:30px;}
.icase_m a{ line-height:40px;}
.icase_m a span{ height:40px; line-height:40px;}
.icase_m a i{ width:40px; height:40px; line-height:40px; font-size:18px;}

.iservice_2 .text{ padding:30px;}
.iservice_2 .h3{ font-size:24px; padding-bottom:17px; margin-bottom:15px;}
.iservice_2 .em{ font-size:16px; height:24px; line-height:24px;}
.iservice_2 .m{ padding-top:30px;}
.iservice_2 .m i{ width:100px; height:40px; line-height:40px;}
.iservice_2 li.even .text{ padding:25px 30px;}
.iservice_2 li.even .m i{ height:25px; line-height:25px;}
.iservice_2 li.even .m{ right:30px;}

.tit2{ font-size:18px; margin-bottom:10px;}
.inews{ margin-bottom:40px;}

.iabout{ line-height:24px; margin-bottom:40px;}
.iabout .h3 span{ font-size:16px;}
.iabout .h3 strong{ font-size:16px;}
.iabout .p strong{ font-size:16px;}

.iservice_3 .img i{ font-size:48px;}
.iservice_3 .h3{ font-size:18px;}
.iservice_3 .pd{ width:210px;}

.brand_text .h3{ font-size:36px; margin-bottom:20px;}
.brand_text .p{ font-size:16px;}
.brand_text .m{ display:none;}

.more a{ width:120px;}
.more a,
.more a span{ height:40px; line-height:40px;}

.tjnews_list ul{ margin-right:-15px;}
.tjnews_list .pd{ padding:25px 25px 25px 100px; margin-right:15px;}
.tjnews_list .em{ width:100px; top:30px;}

.app_top .h3{ font-size:24px;}

.app_list .img{ width:80px; height:80px; border-width:2px;}
.app_list .img span{ font-size:20px;}
.app_list .img em{ font-size:14px;}
.app_list .text{ width:140px; margin-left:-70px;}

.about_con1 .text .em{ font-size:48px; margin-bottom:10px;}
.about_con1 .text .h3{ font-size:24px; margin-bottom:10px;}
.about_con1 .text .p{ font-size:14px;}

.number_lsit .pd{ border:none; width:auto; height:auto;}
.number_lsit .h3{ padding-top:0px;}

.about_con2{ position:relative;}
.about_con2 .img{ position:absolute; left:0px; top:0px; bottom:0px;}
.about_con2 .img .m a{ width:120px; height:40px; line-height:40px; margin-right:10px;}
.about_con2 .img .h3{ font-size:32px; letter-spacing:normal;}
.about_con2 .img .p{ font-size:14px;}
.about_con2 .text .m a{ height:40px; line-height:40px;}

.about_con3{ margin-bottom:60px;}
.about_con3 .text{ height:281px;}
.about_con3 .p br{ display:none;}
.about_con3 .pd{ padding:50px 25px 0 25px;}
.about_con3 .h3{ font-size:24px; margin-bottom:10px;}
.about_con3 .em{ font-size:16px;}

.news_list .m{ display:none;}
.news_list .text{ padding:30px 30px 30px 100px;}
.news_list .em{ width:100px;}
.news_list ul{ margin-right:-15px;}
.news_list li{ margin-bottom:20px;}
.news_list .pd{ margin-right:15px;}

.news_tab{ margin-bottom:40px;}

.news_fl{ width:690px;}
.crumbs,
.news_info{ margin:0 30px;}

.crumbs{ padding:15px 0 10px 0;}
.tj_service_list .h3{ font-size:18px; margin-bottom:5px;}
.tj_service_list .single-item{ margin-right:-10px;}
.tj_service_list .pd{ margin-right:10px;}
.news_page .li a{ font-size:14px;}
.news_page .li i{ font-size:20px;}
.news_page .return a{ font-size:24px;}
.news_wp{ margin-bottom:40px;}

.news_fr{ width:290px;}
.tj_case,
.tj_news,
.tj_tag{ padding:20px;}

.tit4_1{ margin-bottom:20px; font-size:18px;}
.tit4_2{ margin-bottom:15px;}


.list1 .slick-slide{ padding-top:30px;}
.list1 i,.list1 em{ width:60px; height:60px; top:-30px; margin-left:-30px; line-height:60px; font-size:32px;}
.list1 .pd{ padding:45px 15px 15px 15px;}
.list1 .p{ min-height:168px;}
.list1 .h3{ font-size:14px;}
.list1 .p{ font-size:12px; line-height:inherit; min-height:126px;}


.imgtext1 .img{ width:320px;}
.imgtext1 .text{ margin-left:320px;}
}

@media screen and (max-width:1024px){
body{ padding:60px 0 50px 0;}
.header{ position:fixed; left:0px; top:0px !important; right:0px;}
.header .wp{ min-width:inherit; height:60px;}
.wp{ width:auto; margin:0 30px;}
.top_tel{ right:60px;}
.top_tel span{ font-size:24px;}

.logo{ margin-top:-15px;}
.logo img{ height:30px;}

.menu-link{ display:block;}
.header{ height:60px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.menu{ padding:0px; margin:0px; display:none; position:fixed; left:100%; top:60px;right:0px; width:100%; background:#f2f2f2; display:block;}
.menu ul{ overflow:hidden; display:block;}
.menu .h3{ border-bottom:1px solid #fff; border-right:1px solid #fff;}
.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;}
.menu li{ width:50%; float:left; margin:0px; padding:0px; text-align:center;} 
.menu li:first-child{ width:100%;}
.menu .h3 a{ line-height:normal; height:auto; padding:20px 0;}
.menu li:hover .h3 a{ color:#323235;}
.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;}
.menu .h3 strong{ height:32px; line-height:32px; font-weight:normal;}
.menu li:hover .box{ display:none;}


.menu_bg{ display:block; background:#f2f2f2; position:fixed; left:100%; top:0px; right:0px; width:100%;  bottom:0px; z-index:11;}

.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;}
.quick_nav2 .pd{ background:#00a0e8; padding:5px 0; color:#fff;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #00a0e8;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}

.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#0092d3; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}

.ibanner{ padding-bottom:0px;}
.ibanner .slick-dots{ bottom:20px;}
.btext .h3{ font-size:32px; margin-bottom:10px;}
.btext .p{ font-size:16px;}
.btext .m{ padding-top:20px;}
.btext .m a{ width:160px; height:40px; border-radius:20px; line-height:40px; font-size:14px;}

.icon1{ position:static; padding:30px 0; background:#fff; display:none;}
.iservice_1 .img{ background:#efefef;}
.iservice_1 .img .h3{ font-size:24px; height:30px; line-height:30px;}
.iservice_1 .text .h3{ font-size:24px;}

.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}

.footer_con .li{ width:auto; float:none; padding-right:0px; text-align:center; margin-bottom:20px;}
.footer_con .h3{ font-size:16px; color:#efefef;}

.flink{ line-height:20px;}
.flink a{ margin:0 10px; float:left;}

.brand_text_1{ left:30px; top:32%;}
.brand_text .h3{ font-size:24px; margin-bottom:10px;}
.brand_text .p{ font-size:14px;}
.brand_service{ padding:30px 0 0 0;}

.case_list .b{ display:none;}
.case_list .text{ position:static; transform: translateY(0%); opacity:1; padding:0px; background:#fff; color:#323235;}
.case_list .h3{ font-size:14px; padding:0 10px; height:40px; line-height:40px; text-align:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow:hidden;}
.case_list .p{ display:none;}

.tjnews_list li{ width:50%;}

.bcon{ padding:50px 0;}
.bcon1,.bcon3{ background:#fff;}
.more{ padding:25px 0 0 0;}

.bcon .iservice_2 .pd{ background:#f2f2f2;}
.bcon .iservice_2 .pd:hover{ background:#323235;}

.bcon5{ display:none;}

.about_con2 .text .h3{ font-size:24px; padding-bottom:20px; margin-bottom:15px;}
.about_con2 .text .p strong{ font-size:16px;}
.about_con2 .text .p{ line-height:24px;}

.about_con3 .text{ height:271px;}
.about_con3 .em{ padding-bottom:15px; margin-bottom:15px;}


.about_con5{ height:auto; padding:50px 0;}
.standard .pd{ padding:50px 0;}
.standard .i{ font-size:180px; margin-top:-90px;}
.standard .h3{ font-size:28px;}
.standard .p{ font-size:14px;}


.banner_contact .img{ height:500px; background-size:cover;}
.leida{ top:215px; margin-left:105px;}
.banner_contact .text{ position:static; margin-bottom:30px; text-align:center; padding-top:30px;}
.banner_contact .text .em:before{ left:50%; margin-left:-7px;}
.banner_contact .text .pd{ float:none; border-radius:0px;}

.contact{ margin:0px; position:static;}
.contact_con1 .h3{ font-size:18px; height:40px; line-height:40px; margin-bottom:10px;}
.contact_con1 .p{ font-size:14px; padding:5px 0 5px 32px; line-height:24px;}
.contact_con1 .p i{ width:24px; height:24px; font-size:24px; line-height:24px; top:6px;}

.tit3{ font-size:18px; line-height:24px; margin-bottom:30px;}

.job li{ width:auto; float:none;}


.news_fl{ width:680px;}
.news_fr{ width:264px;}
.tj_case, .tj_news, .tj_tag{ padding:15px; margin-bottom:30px;}

.case_pg{ padding:40px 0;}
.caseinfo_top .img{ margin:0 0 20px 0;}
.caseinfo_top .img .pd{ padding:30px;}
.caseinfo_top .text{ width:auto; background:#fff; color:#3e3a39; position:static; padding:0px;}
.caseinfo_top .text .pd{ padding:30px;}

.tit4{ margin-bottom:20px;}
.case_service{ margin-bottom:30px;}

.caseinfo_con{ padding:30px;}

.case_tj{ padding-top:40px;}

.case_nav li{ margin:0 8px;}
.case_nav a{ height:40px; line-height:40px; font-size:14px; padding:0 15px;}
.body_case .case_nav{ top:60px;}


.tit5{ font-size:24px; padding:15px 0;}
.table th{ font-size:14px;}
.table_4 .w4{ width:220px;}

.tit6{ font-size:16px;}

.list1 .single-item{ padding-bottom:30px;}
.list1 .slick-slide{ padding-top:0px;}
.list1 .pd{ border:none; background:#efefef; padding:20px;}
.list1 i,.list1 em{ position:static; display:block; margin:0 auto 20px auto;}
.list1 .p{ min-height:inherit;}

.imgtext1 .text{ padding:30px 10px 30px 30px;}


.table_8 .w3{ width:140px;}
.table_8 .w4{ width:80px;}

.table_11 .w1{ width:140px;}
.table_11 .w5{ width:152px;}

.icase_tab a:hover{ background-color:#323235;}

.case_Project .p,
.case_idea .p{ min-height:inherit;}

.zcrumbs{ margin:0px; padding:5px 0; background:#dfdfdf;}

.ncrumbs{ color:#3e3a39;}
.ncrumbs .pd{ position:static; text-shadow:none; color:#999;}
.ncrumbs span{ text-shadow:none;}
.ncrumbs a{ text-shadow:none; color:#999;}
.ncrumbs a:hover{text-shadow:none;}

.menu .h3 a:after{ display:none !important;}

.kol_top{ margin:0 0 50px 0; box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.kol_tabnav{ margin-bottom:40px;}
.kol_tabnav li a{ padding:0 30px; font-size:16px;}
.tit7{ margin-bottom:25px;}
.kol_tabcon .dl{ margin-bottom:40px;}

.business .text{ left:30px; top:30px;}
.business .h3{ font-size:24px; margin-bottom:10px;}
.business .m{ padding-top:15px;}
}
@media screen and (max-width:980px){
.about_con2 .img{ position:relative; float:none; width:auto; padding:30px 182px 30px 30px;}
.about_con2 .img .m{ position:absolute; right:30px; top:30px; padding:0px;}
.about_con2 .img .m a{ margin:0 0 10px 0; float:none;}
.about_con2 .text{ margin:0px; padding:30px;}

.about_con3 li{ width:50%; float:left;}
.about_con3 .img{ width:auto !important; float:none !important;}
.about_con3 .text{ margin:0px !important;}


.news_fl{ width:auto; margin-bottom:30px; float:none;}
.tj_service_list .text{ padding:15px;}
.tj_service_list .h3{ font-size:14px;}
.tj_service_list .p{ font-size:12px;}

.news_fr{ width:auto; float:none;}

.tj_news,.tj_tag{ padding:20px;}

.tj_case{ padding:0px; background:none;}
.tj_case_list .single-item{ margin-right:-10px;}
.tj_case_list .slick-slide{ float:left;}
.tj_case_list .pd{ margin-right:10px; background:#fff;}
.tj_case_list .text{ padding:15px;}

.table_1 .w2{ width:160px;}
.table_1 .w3{ width:180px;}

.business ul{ margin-right:-10px;}
.business li{ margin-bottom:10px;}
.business .pd{ margin-right:10px; background:#f2f2f2; color:#333;}
.business .text{ position:static; padding:20px; width:auto;}
}
@media screen and (max-width:768px){
.btext .h3{ font-size:24px; margin-bottom:5px;}
.btext .p{ font-size:14px;}
.btext .m{ padding-top:15px;}
.btext .m a{ width:100px; height:34px; border-radius:17px; line-height:34px; font-size:14px;}

.case_ul .li{ width:50%;}

.iservice_2 li{ width:50%;}
.iservice_2 .img{ width:auto; float:none !important;}
.iservice_2 .text{ margin:0px !important; padding:25px 30px;}
.iservice_2 .h3{ border-bottom:1px solid #dbdbdb; font-size:18px;}
.iservice_2 .h3:after{ display:none;}
.iservice_2 .m{ position:absolute; right:30px; top:25px; padding:0px;}
.iservice_2 .m i{ border:none; text-align:right; width:auto; height:19px; line-height:19px;}

.ibrand li{ width:25%;}

.inews_c{ position:relative; height:600px; margin:0px;}
.inews_tab{ display:block; padding-top:10px;}
.inews .tit2{ display:none;}
.inews_con{ width:auto; float:none; margin-bottom:30px; position:absolute; left:0px; top:0px; right:0px; margin-bottom:0px; padding-right:0px; z-index:2; visibility:hidden;}
.inews_con.curr{ z-index:4; visibility:visible;}

.brand_service .pd{ padding-bottom:30px;}

.case_list ul{ margin-right:-10px;}
.case_list li{ margin-bottom:10px;}
.case_list .pd{ margin-right:10px;}

.icase_tab li{ padding:0px; width:20%;}
.icase_tab a{ padding:0;}




.about_con1 .text .em{ font-size:32px; margin-bottom:10px;}
.about_con1 .text .h3{ font-size:18px; margin-bottom:10px;}
.about_con1 .text .p{ font-size:14px;}
.number_lsit{ padding:40px 0 0 0;}
.number_lsit .h3{ font-size:32px;}
.number_lsit .em{ font-size:14px;}

.about_con2 .text .h3{ font-size:18px; padding-bottom:15px; margin-bottom:10px;}

.about_con3{ margin-bottom:40px;}
.about_con3 li{ width:auto; float:none;}

.about_con4{ margin-bottom:40px;}

.news_list li{ width:50%;}

.news_flip a{ width:40px; height:40px; margin:0 3px; line-height:40px;}


.banner_contact .text .pd{ padding:30px;}
.contact_con1{ padding:30px;}
.contact_con1 ul{ margin-right:-30px;}
.contact_con1 .pd{ margin-right:30px;}

.job .h3{ font-size:18px; margin-bottom:10px;}

.contact_con2{ padding:30px;}


.tj_service_list .single-item,
.tj_case_list .single-item{ padding-bottom:30px;}

.banner_case .h3{ font-size:18px; margin-bottom:10px;}
.banner_case .p{ font-size:12px;}
.banner_case .p em{ margin:0 5px;}
.banner_case .m a{ width:120px; font-size:14px; }

.case_tj .single-item{ margin-right:-10px;}
.case_tj .pd{ margin-right:10px;}


.smm_tabnav li,
.kol_tabnav li{ margin:0 5px;}
.smm_tabnav li a,
.kol_tabnav li a{ font-size:16px; height:40px; line-height:40px; padding:0 25px;}

.tit6{ font-size:14px;}

.table_3 .w2{ width:260px;}

.text1{ padding:0px;}

.xg_news_list ul{ margin-right:-20px;}
.xg_news_list li{ width:50%;}
.xg_news_list .pd{ margin-right:20px; font-size:14px;}

.kol_tabnav li a{ padding:0 15px;}

.kol_top{ padding:30px;}

.business .h3{ font-size:18px;}
.business .p{ line-height:20px;}
}

@media screen and (max-width:640px){
.btext .h3{ transition-delay:0.4s;}
.btext .p{ transition-delay:0.6s;}
.btext .m{ transition-delay:0.8s;}

.btext{ position:absolute; box-sizing:border-box; left:30px; right:30px; top:auto; bottom:0px; background:#fff; color:#000; text-align:center; padding:15px; box-sizing:border-box;-webkit-transform: translateZ(0);}
.btext .m{ padding-top:10px;}
.btext .m a{ margin:0 auto; border-color:#333; color:#333; width:130px; height:30px; line-height:30px;}
.btext .m a:hover{ color:#fff;}
.btext .p br{ display:none;}
.btext .h3{ font-size:18px; height:26px; line-height:26px; overflow:hidden;}
.btext .p{ height:20px; line-height:20px; overflow:hidden;}
.btext_4 .p{ color:inherit;}

.ibanner{ background:#f4f0ef;}
.ibanner .pd{ margin-bottom:108px;}
.ibanner .slick-dots{ bottom:155px;}
.ibanner .slick-dots li{ margin:0 3px;}
.ibanner .slick-dots li button{ width:6px; height:6px;}
.ibanner .slick-arrow{ opacity:1;background: rgba(0,0,0,1); width:32px; height:32px; line-height:32px; font-size:16px; margin-top:-70px; display:none !important;}

.iservice_2 ul{ margin-right:0px;}
.iservice_2 .pd{ margin-right:0px;}
.iservice_2 li{ width:auto !important; float:none !important;}
.iservice_2 .p{ height:auto;display:block;-webkit-box-orient: inherit; -webkit-line-clamp:inherit;}
.iservice_3 .pd{ width:224px;}

.brand_service{ padding:10px 0 0 0;}
.brand_service .h3{ font-size:18px; margin-bottom:10px; text-align:center;}
.bcon1 .tit1 strong{ font-size:18px; line-height:1.4;}

.case_list ul{ margin-right:-5px;}
.case_list li{ width:50%; margin-bottom:5px;}
.case_list .pd{ margin-right:5px;}

.tjnews_list ul{ margin-right:0px;}
.tjnews_list li{ width:auto; float:none;}
.tjnews_list .pd{ margin-right:0px; padding:20px 20px 20px 100px;}
.tjnews_list .em{ top:28px;}

.bcon3 .iservice_2 li:last-child{ margin-bottom:0px;}

.about_con1 .text .em{ font-size:24px; margin-bottom:5px;}
.about_con1 .text .h3{ font-size:16px; margin-bottom:5px;}
.about_con1 .text .p{ font-size:12px;}
.number_lsit{ padding:30px 0 0 0;}
.number_lsit .h3{ font-size:24px; margin-bottom:5px;}
.number_lsit .em{ font-size:12px;}

.news_tab ul{ display:block;}
.news_tab li{ width:33.3333%;}
.news_tab a{ padding:0px; font-size:16px;}

.banner_contact .text .pd{ padding:20px;}
.banner_contact .text .em{ padding-bottom:20px; line-height:1.3;}
.banner_contact .text .h3{ font-size:16px;}
.banner_contact .text .p{ font-size:18px;}
.banner_contact .text .c{ font-size:32px;}


.contact_con1{ padding:20px;}
.contact_con1 ul{ margin-right:0px;}
.contact_con1 li{ width:auto; float:none; margin-bottom:30px;}
.contact_con1 li:last-child{ margin-bottom:0px;}
.contact_con1 .pd{ margin-right:0px;}

.contact_con2{ padding:20px;}
.job_p{ padding-top:30px; font-size:14px;}

.banner_case .text{ text-align:center;}
.banner_case .m{ padding:20px 0 0 0;}
.banner_case .m a{ width:100px; height:32px; line-height:32px; font-size:12px; margin:0 auto;}
.banner_case .m a:before{ opacity:0;}
.banner_case .pd{ padding-left:0px;}


.tit5{ font-size:18px;}
.table table{ font-size:12px;}
.table .p{ font-size:12px;}
.table th{ font-size:12px;}
.table_4 .w1{ width:60px;}
.table_4 .w2{ width:60px;}
.table_4 .w3{ width:30px;}
.table_4 .w4{ width:auto;}

.img_list2{ padding:5px 3px;}
.img_list2 img{ padding:0 2px;}

.tit6{ font-size:12px; padding:5px 0 0 0;}
.tit6 strong{ margin-left:5px;}
.tit6 span{ margin-right:5px;}


.table_1 .w2{ width:auto;}
.table_1 .w3{ width:auto;}
.table_1 .w1{ width:60px;}
.table_1 .w4{ width:60px;}

.imgtext1{ padding:20px;}
.imgtext1 .img{ width:auto; float:none;}
.imgtext1 .text{ margin:0px; padding:20px 0 0 0;}
.imgtext1 .h3{ text-align:center; margin-bottom:20px; font-size:18px;}
.imgtext1 .p br{ display:none;}
.imgtext1 .p strong{ font-size:14px; display:block; padding:10px 0;}

.slick-dots li{ margin:0 3px;}
.slick-dots li button{ width:8px; height:8px;}


.img_max{ display:none !important;}
.img_min{ display:block !important;}

.ibanner video{ display:none;}

.icon2{ padding:30px 0;}
.icon3{ padding-bottom:30px;}
.icon2 .wp,
.icon3 .wp{ margin:0;}
.iabout{ margin-bottom:0px;}
.iservice_2 li{ margin-bottom:10px;}
.iservice_3{ display:none;}

.flink a{ margin:0 10px 0 0 ;}

.footer_con .h3{ color:#888; margin-bottom:5px;}
.footer_con .li{ text-align:left;}

.icon4{ padding:30px 0;}
.ibrand{ padding-top:20px;}

.xg_news_list ul{ margin-right:0px;}
.xg_news_list li{ width:auto; float:none;}
.xg_news_list .pd{ margin-right:0px;}

.news_list .img{  width:100%; }
.news_list .img img{ width:100%; display: block;}
.solutions_list li{ width:100%; float:left; margin-bottom:20px;}
.solutions_list .img{  width:100%; }
.solutions_list .img img{ width:100%; display: block;}
  
.bcon4-1{ padding:0px 0;}

}
@media screen and (max-width:540px){

.icase_tab{ padding-top:0px;}
.icase_tab ul{ display:block; margin:0 -25px; background:#323235;}
.icase_tab li{ width:20%;}
.icase_tab a{ font-size:12px;}

.icase_tab8 li{ width:25%;}
.icase_tab99 li{ width:20%;}

.icase_tab_fixed{ position:fixed; left:0px; top:60px; right:0px; z-index:9; padding-top:0px;}
.icase_tab_fixed ul{ margin:0px; background:rgba(0,0,0,0.5);}
.icase_tab_fixed a{ background:none;}

.footer_nav span{ display:none;}
.footer_nav a{ float:left; width:16.666666666666668%;}

.brand_text_1{ top:26%;}
.brand_text .h3{ font-size:16px; margin-bottom:8px;}
.brand_text .p{ font-size:12px; line-height:18px;}


.about_con1 .text .p{ line-height:1.4; padding:0 30px;}
.number_lsit{ display:none;}

.news_tab{ margin-bottom:20px;}
.news_list li{ width:auto; float:none;}

.news{ padding:20px 0;}
.news_flip{ padding:20px 0;}
.news_flip a{ width:32px; height:32px; margin:0 2px; line-height:32px; font-size:14px;}

.tj_service_list .single-item,
.tj_case_list .single-item{ margin:0px;}

.tj_service_list .pd,
.tj_case_list .pd{ margin:0px;}

.tj_service_list .slick-arrow,
.tj_case_list .slick-arrow{ margin-top:-74px;}

.crumbs,
.news_info{ margin:0 20px;font-size: 14px;}

.news_info{ padding: 20px 0 30px 0;}
.news_info_em{ margin-bottom:20px;}

.news_info_tit{ font-size:18px;}
.news_page{ padding:10px 15px;}
.news_page .return a{ font-size:20px;}
.news_page .li i{ font-size:16px; width:24px; line-height:24px; height:24px; line-height:24px; margin-top:-12px;}
.news_page .li1 a{ padding:0 15px 0 24px;}
.news_page .li2 a{ padding:0 24px 0 15px;}


.case_tj .single-item{ margin-right:0px;}
.case_tj .pd{ margin-right:0px;}
.slick .slick-prev{ right:30px;}
.slick .slick-next{ right:-10px;}
.case_tj .text{ padding:20px;}

.caseinfo_top .img .pd,
.caseinfo_top .text .pd,
.caseinfo_con{ padding:20px;}
.case_Project .p{ line-height:1.5; font-size:12px;}
.case_Project .m i{ width:32px; height:32px; line-height:32px; font-size:16px;}
.case_Project .m a{ height:32px; line-height:32px; padding-left:42px; font-size:14px;}

.case_service li{ font-size:12px; line-height:1.5; padding:3px 0;}
.case_service li:before{ margin-right:5px;}
.case_idea .p{ font-size:12px; line-height:1.6;}

.tit4{ margin-bottom:15px;}

.caseinfo_m{ padding:30px 0;}

.network_con img{ margin-bottom:10px;}

.caseinfo_m a{ width:160px; height:40px; line-height:40px; font-size:14px;}
.case_nav li{ margin:0px;}
.case_nav a{ padding:0 10px;}




.table_3 .w1{ width:60px;}
.table_3 .w2{ width:auto;}
.table_3 .w3{ width:60px;}

#to_case{ top:-60px;}

.inews .more{ padding-top:0px;}

.brand_service .img{ margin-bottom:15px; padding-top:10px;}
.brand_service .img i{ width:120px; height:120px; line-height:120px;}
.brand_service .p{ line-height:24px;}


.business ul{ margin:0px;}
.business li{ width:auto; float:none;}
.business .pd{ margin:0px;}

.icon2 .icase_tab ul{ margin:0;}
}
@media screen and (max-width:480px){
.wp,
.header .wp{ margin:0 25px;}
.menu-link{ right:17px;}
.top_tel{ display:none;}

.tit1 em{ font-size:14px;}

.quick_nav2 .box{ left:25px; right:25px; width:auto;}
.quick_kf .box{ margin:-120px 0 0 0;}
.quick_fw .box{ margin:-66px 0 0 0;}
.quick_wx .box{ margin: -122px 0 0 -93px; width:186px !important; left:50% !important;}

.inews_c{ height:373px;}
.inews_tab{ margin-bottom:10px;}
.inews_tab ul{ display:block;}
.inews_tab li{ width:33.3333%;}
.inews_tab a{ padding:0px;}
.case_ul .tag{ display:none;}
.case_ul .text{ height:30px; line-height:30px; font-size:12px;}
.iservice_2 .text{ padding:25px !important;}

.footer_nav a{ float:left; width:33.3333%;}

.about_con2 .img{ padding:20px; text-align:center;}
.about_con2 .img .m{ position:static; padding-top:30px; display:inline-block; vertical-align:bottom;}
.about_con2 .img .m a{ float:left; margin:0 10px 0 0;}
.about_con2 .img .m a:last-child{ margin-right:0px;}
.about_con2 .text{ padding:20px;}
.about_con2 .text .h3{ text-align:center;}
.about_con2 .text .h3:after{ left:50%; margin-left:-5px;}
.about_con2 .text .m{ padding-top:20px;}
.about_con2 .text .m a{ margin:0 auto;}


.about_con3 .pd{ padding:30px 20px;}
.about_con3 .text{ height:auto;}
.about_con3 .text .li{ width:auto; float:none; height:auto;}

.standard .single-item{ padding-bottom:30px;}
.about_con5 .slick-arrow{ color:#fff;}
.about_con5 .tit1 strong{ font-size:18px;}

.news_tab a{ font-size:14px;}

.banner_contact .img{ height:280px;}
.leida{ top:110px; margin-left:50px;}

.tit4{ font-size:18px;}
.slick .slick-arrow{ width:32px; height:32px; line-height:32px; top:-24px; font-size:18px;}


.caseinfo_con,
.news_page{ margin:0 -25px;}


.table table{ font-size:10px;}
.table .p{ font-size:10px;}
.table th{ font-size:10px;}

.smm_tabnav,
.kol_tabnav{ margin-bottom:25px;}
.smm_tabnav li,
.kol_tabnav li{ margin:0 2px;}
.smm_tabnav li a,
.kol_tabnav li a{ font-size:14px;}


.tit6{ font-size:10px;}
.mgb40{ margin-bottom:20px;}

.table_1 .w1{ width:50px;}
.table_1 .w4{ width:50px;}

.list1 .pd{ padding:20px 30px;}
.list1 i,.list1 em{ margin:0 auto 10px auto;}
.list1 .p{ min-height:84px;}

.btext{ left:25px; right:25px;}


.news_pg .news_page{ margin:0px;}

#container{ height:220px; }

.banner_case .text{ background:#FFF; position:relative; z-index:2; color:#000; text-shadow:none; margin:-20px 25px 0 25px; padding:20px 0;}
.ncrumbs,
.zcrumbs{ display:none !important;}

.icase_con{ margin:0 25px;}
.case_ul .li{ width:auto; float:none; margin-bottom:5px;}
.case_list ul{ margin-right:0px;}
.case_list li{ width:auto; float:none;}
.case_list .pd{ margin-right:0px;}

/*.banner_page{ background:none; margin-bottom:20px;}
.banner_page .pd{ background:none;}
.brand_text_1{ background:#FFF; position:static; color:#000; text-shadow:none; margin:-20px 25px 0 25px; padding:20px; text-align:center;}
.brand_text_1 br{ display:none;}*/

.brand_text .p br{ display:none;}
.brand_text_1{ left:25px; right:25px;}

.btext .p{ height:40px;}


.flink{ display:none;}
.con8{ display:none;}

.iservice_1 .pd:hover,
.news_list .pd:hover{transform: translate3d(0,0 ,0);box-shadow:none;}
.news_list .pd:hover .text{background:none;color: #888;}
.news_list .pd:hover .em em{color: #000;}
.news_list .pd:hover .h3{color: #000;}

.case_ul .pd:hover .text{ background:#fff !important;color: #000;}

.iservice_2 .pd:hover{ background: #fff; color: #323235;}

.kol_tabnav li{ margin:0 1px;}
.kol_tabnav li a{ padding:0 14px; height:34px; line-height:34px; border-radius:17px;}

.kol_top{ padding:20px;}

.business .img{ overflow:hidden;}
.business .img img{ width:190%; float:right;}


.inews_con .em{ width:80px; top:15px;}
.inews_con .em span{ font-size:14px}
.inews_con .text{ padding:25px 25px 25px 80px;}


.bcon2{ padding-top:0px;}
.bcon2 .tit1{ display:none;}

}

@media screen and (max-width:413px){
.wp,
.header .wp{ margin:0 20px;}
.menu-link{ right:12px;}
.quick_fw .p{ font-size:30px}
.quick_kf .m a{ font-size:12px;}

.quick_nav2 .box{ left:20px; right:20px; width:auto;}

.inews_c{ height:336px;}

.about_con2 .img .m a{ width:110px;}

.smm_tabnav li a,
.kol_tabnav li a{ padding:0 13px; font-size:12px;}

.table_1 .w1{ width:40px;}
.table_1 .w4{ width:40px;}

.caseinfo_con,
.news_page{ margin:0 -20px;}

.btext{ left:20px; right:20px;}

#container{ height:280px; }



.banner_case .text{ margin:-20px 20px 0 20px; }
.icase_con{ margin:0 20px;}

/*.brand_text_1{ margin:-20px 20px 0 20px;}*/

.brand_text_1{ left:20px; right:20px;}

.kol_top,
.kol_img{ margin-bottom:30px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.kol_tabcon .dl{ margin-bottom:30px;}
.tit7{ margin-bottom:15px; font-size:18px;}

.kol_top{ padding:15px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}

.wp,
.header .wp{ margin:0 15px;}

.quick_fw .p{ font-size:24px}
.quick_nav2 .box{ left:15px; right:15px; width:auto;}

.inews_c{ height:311px;}

.icase_tab{ margin-bottom:10px;}
.icase_tab a{ font-size:12px;}

.banner_contact .text .h3{ font-size:14px;}

.crumbs, .news_info{ margin:0 15px;}
.crumbs{ padding:10px 0 3px 0;}
.news_info{ padding: 20px 0 25px 0;}
.news_info_em{ margin-bottom:15px;}
.news_info_con{ font-size:12px; line-height:1.5;}

.banner_case .h3{ font-size:16px; margin-bottom:5px;}

.case_tj .text{ padding:15px;}
.case_tj .h3{ font-size:14px; height:16px; line-height:16px; margin-bottom:5px;}
.case_tj .p{ font-size:12px;}
.slick .slick-prev{ right:25px;}
.tit4 strong{ margin-right:5px;}

.caseinfo_top .img .pd,
.caseinfo_top .text .pd,
.caseinfo_con{ padding:15px;}

.case_service li{ font-size:10px;}

.case_nav a{ padding: 0 7px;}

.smm_tabnav,
.kol_tabnav{ margin-bottom:20px;}
.smm_tabnav li a,
.kol_tabnav li a{ height:34px; line-height:34px;}

.list1 .p{ min-height:105px;}

.caseinfo_con,
.news_page{ margin:0 -15px;}


.btext{ left:15px; right:15px;}

#container{ height:260px; }

.brand_text .h3{ font-size:14px;}
.brand_text .p{ font-size:10px;}

.inews_c{ min-height:330px;}

.banner_case .text{ margin:-20px 15px 0 15px; }
.icase_con{ margin:0 15px;}

/*.brand_text_1{ margin:-20px 15px 0 15px;}*/

.bcon1 .tit1 strong{ font-size:16px;}
.tit1 strong{ font-size:18px;}

.brand_text_1{ left:15px; right:15px;}

.bcon1 .tit1 strong{ font-size:14px;}
.iservice_2 .text{ padding:15px !important;}

.bcon{ padding:30px 0;}

.iservice_2 li.even .m{ right:15px; top:10px;}

.tjnews_list .pd{padding:15px 15px 15px 85px;}
.tjnews_list .em{ width:85px;}
.tjnews_list li{ margin-bottom:10px;}

.iservice_2 .h3{ font-size:16px; padding-bottom:10px;}
.iservice_2 .m{ top:15px; right:15px;}
.iservice_2 .em{ font-size:14px; height:auto; line-height:20px; margin-bottom:5px;}
.iservice_2 .p{ font-size:12px; line-height:18px; height:54px; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.tit1 em{ font-size:13px;}

.iabout{ font-size:13px;}
.iabout .h3 span,
.iabout .h3 strong,
.iabout .p strong{ font-size:14px;}

.footer_con{ font-size:12px;}
.tjnews_list{ padding-top:0px;}
.tjnews_list .h3,.news_list .h3{ font-size:14px; height:24px; line-height:24px;}
.tjnews_list .p,.news_list .p{ font-size:12px; line-height:18px; height:36px;}
.tjnews_list .em{ top:18px;}

.news_list .text{ padding:15px 15px 15px 85px;}
.news_list .em{ width:85px; top:20px;}

.about_con2 .text .p{ font-size:13px; line-height:20px;}
.about_con2 .text .p strong{ font-size:14px;}

.about_con3 .h3{ font-size:16px;}
.about_con3 .em{ font-size:13px;}
.about_con3 .p{ font-size:12px; line-height:18px;}

.standard .h3{ font-size:24px;}
.standard .p{ font-size:12px;}

.xg_news{ padding:15px;}
.tj_news, .tj_tag{ padding:15px;}

.footer_con{ padding:30px 0;}

.smm_tabnav li a,
.kol_tabnav li a{ padding:0 8px;}

.icase_tab a{ font-size:10px;}
}

@media screen and (max-width:320px){
.inews_c{ min-height:311px;}


}

.case_Project .p,
.case_idea .p{ min-height:inherit;}


.header:after{content:'\20'; position:absolute; top:100%; left:0px; right:0px; height:190px; background:rgba(0,0,0,1); display:none; border-top:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.header_after:after{ display:block;}
.menu ul{ position:relative;}
.menu li{ position:static;}
.menu .box{ z-index:2; background:none; padding:25px 0;}
.menu .box a{ width:23%; float:left; background:#3d3d3d; margin:0 1% 15px 1%; height:60px; line-height:60px; position:relative;}
.menu .box a:after{ content:'>>';}
.menu .box a:before{ content:''; position:absolute; right:0px; top:0px; width:34px; height:28px; background:url(../images/nav.png) no-repeat; display:none;}
.menu li:nth-child(4) .box a:nth-child(1):before,
.menu li:nth-child(4) .box a:nth-child(3):before,
.menu li:nth-child(4) .box a:nth-child(4):before,
.menu li:nth-child(4) .box a:nth-child(5):before{ display:block;}

.bcon1_2{ background:#fff; padding:50px 0;}
.tit9{ width:80%; margin:0 auto 50px auto; line-height:2; text-align:center; font-size:18px;}
.tit9 strong{ font-size:38px;}
.bcon6{ padding-bottom:50px;}

.baike_list .single-item{ margin-right:-8px; padding-bottom:30px;}
.baike_list .pd{ display:block; margin-right:8px;}

@media screen and (max-width:1366px){
.tit9{ font-size:14px; line-height:24px; margin-bottom:30px; width:60%;}
.tit9 strong{ font-size:24px;}
}
@media screen and (max-width:1024px){
.tit9{ width:75%;}
.header_after:after{ display:none;}

.tjnews_list li:nth-child(4),
.tjnews_list li:nth-child(5),
.tjnews_list li:nth-child(6){ display:none;}
}
@media screen and (max-width:640px){
.tit9{ width:auto;}
.baike_list .single-item{ margin-right:0px; padding-bottom:0px;}
.baike_list .slick-dots{ bottom:10px;}
.baike_list .pd{ margin-right:0px;}
}

@media screen and (max-width:480px){
.banner_page .pd img{ width:108.5%;} 
.brand_text_1{ width:40%; top:16%; right:auto;}

.img_box{ display:none; position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:99; background:rgba(0,0,0,1);padding:0px; display:flex;justify-content:center;align-items:center; cursor:pointer;}
.img_box:before{content: "\e80c"; color:#fff; width:40px; height:40px; position:absolute; right:0px; top:0px; line-height:40px; text-align:center;}
.img_box img{ display:block; max-width:100%; height:auto !important;}
}
@media screen and (max-width:374px){
.brand_text .p{ line-height:14px;}
}

/*图片弹出*/
.imgscale-pack{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,1);display:none;z-index:999999;}
.imgscale-pack .imgscale-close{font-family:"iconfont" !important;font-size:16px;  font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
position:absolute;right:0px;top:0px;z-index:10;cursor:pointer;
}
.imgscale-pack .imgscale-close:before{height:40px;width:40px; display:block; content: "\e80c"; color:#fff; text-align:center; line-height:40px;}
.imgscale-pack .imgscale-img{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.imgscale-pack .imgscale-img img{width:100%;position:absolute;top:50%;}
#mes{ display:none;}

@media screen and (max-width:1650px){
.isolutions .text{ height:338px;}
.isolutions .h3{ font-size:30px;line-height: 40px;}
.isolutions .em{ padding-bottom:20px; margin-bottom:20px;}
.isolutions .pd{ padding:65px 30px 0 30px;}
}

@media screen and (max-width:980px){
.isolutions li{ width:50%; float:left;}
.isolutions .img{ width:auto !important; float:none !important;}
.isolutions .text{ margin:0px !important;}
}
@media screen and (max-width:768px){
.isolutions{ margin-bottom:40px;}
.isolutions li{ width:auto; float:none;}
}
@media screen and (max-width:480px){
.isolutions .pd{ padding:30px 20px;}
.isolutions .text{ height:auto;}
.isolutions .text .li{ width:auto; float:none; height:auto;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}
.isolutions .h3{ font-size:28px;}
.isolutions .em{ font-size:13px;}
.isolutions .p{ font-size:12px; line-height:18px;}
}

.soimg{margin:0;padding:0;width:100%;height: 100%;object-fit: cover;//重要}
.hideshow{-webkit-transition:-webkit-transform .6s,opacity 1.8s;transition:transform .6s,opacity 1.8s;-webkit-transform:translate3d(0,10%,0) scale(.9);transform:translate3d(0,10%,0) scale(.9);opacity:0}
.hideshow.on{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1;}
.payway{text-align:center;}
.payway table{margin:0 auto;margin-bottom:0px;width:100%}
.payway table td,.payway table th{text-align:center;padding:10px;border:1px solid #ccc}
.payway{padding:0px 0 0px 0;}
.payway table th{font-weight:700;color:#666;font-size:16px}
.payway table td{font-size:14px;text-align:left;padding-left:10px;line-height:30px}
/* con8 */

.con8{
    width: 100%;
    padding-top: 16px;
	margin-BOTTOM:24px;
}
.c8_title{
    /*position: relative;*/
    font-size: 24px;
    line-height: 36px;
	color: #292828;
    text-align: center;
    z-index: 99px;
    width: 150px;
    background: #f2f2f2;
    margin: 0 auto
}
.c8_lian{
    border: 1px solid #dddddd;
    margin-top: -18px;  
    height: 135px;
    overflow: auto;
}
.c8_lian ul{
    width: 1440px;
    margin:30px;
}
.c8_lian ul li{
    float: left;
    font-size: 14px;
    line-height: 34px;
}
.c8_lian ul li + li{
    margin-left: 17px;
}
.c8_lian ul li:nth-child(14n+1){
    margin-left: 0;
}
.c8_lian ul li a{
    color: #333;
}
.M {
     width: 1500px;
     min-width: 1200px;
     margin: 0 auto;
}

.row {
	margin-right:-15px;
	margin-left:-15px
}
.text-center {
	text-align:center
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
	-webkit-animation-duration:.75s;
	animation-duration:.75s
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
.col-sm-4 {
	width:33.33333333%
}
.list-group {
	padding-left:0;
	margin-bottom:20px
}
.list-group-item {
	position:relative;
	display:block;
	padding:10px 15px;
	margin-bottom:-1px;
	background-color:#fff;
	border:1px solid #ddd
}
.list-group-item:first-child {
	border-top-left-radius:4px;
	border-top-right-radius:4px
}
.list-group-item:last-child {
	margin-bottom:0;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px
}
a.list-group-item,button.list-group-item {
	color:#555
}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
	color:#333
}
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
	color:#555;
	text-decoration:none;
	background-color:#f5f5f5
}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
	color:#777;
	cursor:not-allowed;
	background-color:#eee
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
	color:inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
	color:#777
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
	z-index:2;
	color:#fff;
	background-color:#337ab7;
	border-color:#337ab7
}
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
	color:inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
	color:#c7ddef
}
.list-group-item-success {
	color:#3c763d;
	background-color:#dff0d8
}
a.list-group-item-success,button.list-group-item-success {
	color:#3c763d
}
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
	color:inherit
}
a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
	color:#3c763d;
	background-color:#d0e9c6
}
a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
	color:#fff;
	background-color:#3c763d;
	border-color:#3c763d
}
.list-group-item-info {
	color:#31708f;
	background-color:#d9edf7
}
a.list-group-item-info,button.list-group-item-info {
	color:#31708f
}
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
	color:inherit
}
a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
	color:#31708f;
	background-color:#c4e3f3
}
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
	color:#fff;
	background-color:#31708f;
	border-color:#31708f
}
.col-sm-4 {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
   float: left;
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
	margin-right:-15px;
	margin-left:-15px
}
@media (min-width:768px) {
	.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
	margin-right:0;
	margin-left:0
}
}
@media (min-width:768px) {
	.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
	margin-left:-15px
}
}
@media (min-width:768px) {
	.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
	margin-left:-15px
}
}
.container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
@media (min-width:768px) {
	.container {
	width:750px
}
}@media (min-width:992px) {
	.container {
	width:970px
}
}@media (min-width:1600px) {
	.container {
	width:1530px
}
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width:768px) {
  .col-sm-4{
	float:left
}
  .col-sm-4 {
	width:33.33333333%
}
}
.weblg2 { width: 1200px; margin: 0 auto; }
.iabout-us { padding: 35px 0 0px; }
.iabout-us .intro { position: relative; padding: 20px 37% 0px 0; font-size: 16px; line-height: 30px; }
.iabout-us .intro strong { font-weight: normal; color: #e20000; }
.iabout-us .year { position: absolute; right: 0px; top: -95px; z-index: 3; }
.iabout-us .main-business .business-item .inner { position: relative;padding:20px 20px 40px;border-bottom:2px solid #ccc;}/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
.iabout-us .main-business .business-item .inner .line { position: absolute; left: 0; bottom:-2px; width: 0; height: 2px; background-color: #d90000; -webkit-transition: width ease-in-out 0.5s; -o-transition: width ease-in-out 0.5s; -moz-transition: width ease-in-out 0.5s; transition: width ease-in-out 0.5s; }
.m-ichl-title .en { font-size: 16px; line-height: 24px; color: #999; text-transform: uppercase; }
.m-ichl-title .cn { font-size: 36px; line-height: 62px; font-weight: bold; color: #1a1a1a; }
.m-ichl-title .cn a { color: #1a1a1a; }
.m-ichl-title .cn span { color: #d90000; }
@media screen and (max-width: 768px) {	
.weblg2 { width:100%;padding: 0 15px; }
.m-ichl-title .cn { font-size: 20px; line-height: 36px; }
.iabout-us{ padding-top: 30px; padding-bottom: 0; } 
.iabout-us .intro{  padding: 20px 0 26px 0; } 
.iabout-us .year{ display: none;} 
.iabout-us .content{ position: relative; z-index: 0;} 
}